CSS Gradient Generator
Build linear, radial and conic gradients and copy the CSS.
تصميم
وسوم العنوان والوصف وOpen Graph مع معاينة.
نقطة تخصّ الصفحات العربية تحديدًا، وتُغفل كثيرًا.
فوسم html يجب أن يحمل lang="ar" وdir="rtl". والأول يخبر محرّك البحث والقارئ الصوتي بلغة المحتوى، والثاني يضبط اتجاه العرض.
وصفحة عربية تحمل lang="en" — وهو ما يحدث تلقائيًا حين تُنسخ قوالب جاهزة — تُعطي إشارة خاطئة للتصنيف، وتجعل القارئ الصوتي ينطق العربية بقواعد إنجليزية فيخرج كلامًا غير مفهوم.
وحيث توجد نسخ بلغات متعدّدة يُضاف hreflang. وللعربية ينفع التمييز الإقليمي حيث يختلف المحتوى فعلًا — ar-AE وar-SA — مع ar عامة كخيار احتياطي. أما إن كان المحتوى واحدًا فلا داعي للتقسيم.
محرّكات البحث تقتطع بالعرض بالبكسل لا بعدد الحروف، وهذا يغيّر الحساب في العربية.
| الوسم | الطول المعتاد | ملاحظة |
|---|---|---|
| title | من 50 إلى 60 حرفًا | الحروف العربية أضيق غالبًا فيتّسع المزيد |
| description | من 140 إلى 160 حرفًا | لا تؤثر في الترتيب، وتؤثر في النقر |
| og:title | حتى 60 حرفًا | قد يختلف عن عنوان الصفحة |
| og:description | حتى 200 حرف | أوسع من وصف البحث |
| og:image | 1200 × 630 بكسل | يلزم رابط مطلق |
والعربية توجز عادةً: الجملة نفسها تحتاج حروفًا أقلّ من مقابلها الإنجليزي. فالعنوان العربي المكتوب على قياس ستّين حرفًا إنجليزيًا يبدو غالبًا قصيرًا. والمعاينة هنا أوثق من عدّ الحروف.
ونقطة على الصور: النص العربي داخل صورة Open Graph يجب أن يُصمَّم في برنامج يتعامل مع الحروف المتّصلة والاتجاه. فكثير من مولّدات الصور التلقائية تُخرج حروفًا منفصلة معكوسة الترتيب، وهي نتيجة تُنشر ولا يراها صاحبها.
وسم meta keywords لا تستخدمه محرّكات البحث الكبرى منذ أكثر من عقد. وهو غير ضارّ ولا نافع.
ووسوم مثل revisit-after وauthor وrating لا أثر لها في الترتيب.
وما يستحق العناية فعلًا: الوسم القانوني canonical عند وجود محتوى مكرّر أو معاملات في الرابط، ووسم robots عند الحاجة إلى منع الفهرسة، وبيانات og لأن شكل الرابط في واتساب وتويتر يحدّد النقر عليه.
وواتساب تحديدًا مهمّ في المنطقة لكثرة المشاركة عبره. وهو يقرأ وسوم Open Graph، ويخزّن النتيجة مؤقتًا — فتعديل الصورة بعد أول مشاركة لا يظهر فورًا.
العنوان والوصف وog وcanonical. وللصفحة العربية يُضاف lang="ar" وdir="rtl".
الاقتطاع بالبكسل لا بالحرف، والحروف العربية أضيق غالبًا. اعتمد المعاينة لا العدّ.
لا مباشرة، ويؤثر في نسبة النقر — وهي تؤثر بدورها.
لا. تجاهلته المحرّكات الكبرى منذ أكثر من عقد.
لأن واتساب يخزّن المعاينة مؤقتًا. جرّب رابطًا بمعامل مختلف للتأكّد.
لا. الوسوم تُبنى في هذه الصفحة.