ابنوا صفحات صديقة لتحسين محركات البحث.

تعلّم DXPR Builderبناء الصفحاتاتبعوا دليلًا تطبيقيًا

هنا تبنون صفحة خدمة واحدة كما تقرؤها محركات البحث أفضل: عنوان الصفحة كعنوانها 1 الوحيد وعناوين مرتبة تحته ونص بديل على الصورة وزر يقول إلى أين يذهب. استخدموها قائمة تحقق لكل صفحة تنشرونها. فعناوين الصفحات وأوصافها وعناوين URL الخاصة بها تعيش خارج المنشئ؛ ويعرض القسم الأخير أين.

يبني الفيديو صفحة مجلس «طلب تصريح وقوف للمقيمين».

قبل أن تبدؤوا

  • يملك دوركم صلاحية التحرير باستخدام DXPR Builder.
  • تحمل مكتبة الوسائط صورة تناسب الخدمة.
  • الصفحة مفتوحة في المنشئ. فلصفحة جديدة، انتقلوا إلى المحتوى > إضافة محتوى > صفحة هبوط (/node/add/landing_page)، واكتبوا عنوانًا واضحًا مثل «طلب تصريح وقوف للمقيمين» وانقروا حفظ. يطبع القالب هذا العنوان كالعنوان 1 للصفحة.

الخطوة 1: بدء المحتوى عند العنوان 2

استخدموا العناوين بالترتيب لتُقرَأ الصفحة كمخطط تفصيلي. يطبع القالب عنوان الصفحة كـ العنوان 1 للصفحة، فيبدأ محتوى المنشئ عند العنوان 2 للأقسام الرئيسية، مع العنوان 3 للأقسام الفرعية. واستخدموا العناوين 4 إلى 6 باعتدال.

  1. انقروا إضافة العناصر على الصفحة الفارغة واختاروا القسم من تبويب التخطيط.
  2. انقروا + على القسم واختاروا النص من تبويب المحتوى.
  3. اكتبوا «قدّموا في خمس دقائق» واختاروا عنوان 2 من القائمة المنسدلة للعناوين.
  4. في سطر جديد، أضيفوا الملخص كنص عادي: «يستطيع سكان المناطق A إلى D التقديم عبر الإنترنت. وتُصدَر التصاريح خلال خمسة أيام عمل.» انقروا حفظ.

اتركوا العنوان 1 لعنوان الصفحة. ولجعل عنوان منشئ هو العنوان 1 للصفحة بدلًا منه، أخفوا عنوان القالب على هذه الصفحة أولًا. على DXPR CMS، افتحوا نموذج تحرير الصفحة، وافتحوا إعدادات قالب DXPR، وحدّدوا عنوان الصفحة تحت إخفاء مناطق DXPR وانقروا حفظ. ويخفي DXPR Theme العنوان أصلًا على الصفحة الأمامية. ولا تختاروا مستوى عنوان لحجمه أبدًا: غيّروا الحجم مع حجم الخط في لوحة النمط للعنصر بدلًا من ذلك.

الخطوة 2: قسم للتفاصيل

  1. مرّروا المؤشر فوق القسم وانقروا إضافة قسم تحت.
  2. انقروا + على القسم الجديد واختاروا صفًا؛ فيأتي بعمودين متساويين. انقروا أيقونة الشبكة (تخطيط الأعمدة) على شريط تحكم الصف، واختاروا الإعداد المسبق 2/3 + 1/3 وانقروا حفظ.

تهبط العناصر الجديدة في أعلى عمود. ولذلك تملأ الخطوات الثلاث التالية العمود الواسع من الأسفل صعودًا: الزر والقسم الفرعي ثم عنوان القسم.

الخطوة 3: كتابة نص رابط وصفي

يخبر نص الرابط محركات البحث عما تدور حوله الوجهة. تجنّبوا «انقروا هنا» و«اقرؤوا المزيد».

  1. انقروا + في العمود الواسع واختاروا زرًا.
  2. اضبطوا العنوان على «ابدؤوا طلب تصريح الوقوف الخاص بكم» والرابط على /parking/apply والنوع على أساسي، ثم انقروا حفظ.

الخطوة 4: قسم فرعي بعنوان 3

  1. انقروا + في العمود الواسع مجددًا واختاروا نصًا؛ فيهبط فوق الزر.
  2. اكتبوا «ما تحتاجونه» واختاروا عنوان 3.
  3. اكتبوا المستندات، واحدًا في كل سطر: «إثبات العنوان»، «وثيقة تسجيل المركبة». انقروا حفظ.

الخطوة 5: عنوان قسم بعنوان 2

  1. انقروا + في العمود الواسع مرة أخرى واختاروا نصًا.
  2. اكتبوا «من يستطيع التقديم» واختاروا عنوان 2.
  3. أضيفوا قاعدة من قد يقدّم في سطر واحد، ثم انقروا حفظ.

الخطوة 6: إضافة نص بديل إلى الصورة

تحتاج كل صورة سمة بديلة تصف محتواها.

  1. انقروا + في العمود الضيق واختاروا صورة.
  2. انقروا اختيار صورة، وابحثوا في مكتبة الوسائط مع تطبيق المرشحات، وحدّدوا الصورة وانقروا إدراج المحدد.
  3. افتحوا لوحة SEO واملؤوا سمة Alt: «حواسيب محمولة وهواتف وأكواب شاي على مكتب خشبي مشترك». انقروا حفظ.

اكتبوا النص البديل لمن لا يستطيع رؤية الصورة. واتركوه فارغًا فقط للصور الزخرفية البحتة. واستخدموا سمة Title فقط عندما يضيف التلميح شيئًا؛ فهي لا تحل محل النص البديل.

الخطوة 7: الحفظ والمعاينة

  1. انقروا حفظ على شريط أدوات المنشئ.
  2. افتحوا قائمة العرض (أيقونة العين)، واختاروا معاينة وتحققوا من أن العناوين تُقرَأ بالترتيب.

للمضي أبعد

غير معروض في الفيديو:

  • حجم الصورة: غيّروا حجم الصور إلى العرض الذي تعرض به قبل رفعها؛ فـ 1200 بكسل تغطي عمودًا كاملًا. أبقوا عرض الصورة على 100%، واتركوا ارتفاع الصورة فارغًا وأبقوا كل ملف تحت 300 كيلوبايت، لأن السرعة تؤثر في الترتيب.
  • روابط للتجاهل: لصفحة تسجيل دخول أو ما شابه، أضيفوا عنصر رابط، وافتحوا لوحة SEO الخاصة به وفعّلوا إخبار محركات البحث بعدم التتبع.
  • روابط النص: داخل عنصر نص، حدّدوا الكلمات واستخدموا زر الرابط على شريط الأدوات. أبقوا الكلمات المرتبطة ذات معنى: «خريطة منطقة التصاريح»، لا «هنا».
  • المراسي: افتحوا المزيد > الإعدادات على قسم، واضبطوا معرف HTML على اسم قصير بأحرف صغيرة مثل who-can-apply، واربطوا به مع #who-can-apply.

حافظوا على دلالية HTML

النص والزر والرابط والصورة عناصر تنتج وسوم <h1> إلى <h6> و<p> و<ul> و<a> و<img> القياسية. استخدموا تلك العناصر للمحتوى. وأبقوا عنصر HTML لشيفرة التضمين التي لا يستطيع أي عنصر آخر إنتاجها.

البيانات الوصفية وعناوين URL

تعيش عناوين الصفحات والأوصاف الوصفية وعناوين URL في Drupal، خارج المنشئ:

  • وحدة Metatag: اضبطوا وسوم العناوين والأوصاف ووسوم Open Graph على الإعدادات > البحث والبيانات الوصفية > Metatag (/admin/config/search/metatag)، أو لكل صفحة على نموذج تحرير العقدة.
  • وحدة Pathauto: ابنوا عناوين URL نظيفة من عناوين الصفحات على الإعدادات > البحث والبيانات الوصفية > الأسماء المستعارة لعناوين URL > الأنماط (/admin/config/search/path/patterns).

ما سترونه

تعرض المعاينة عنوان الصفحة كالعنوان 1 للصفحة، ثم «قدّموا في خمس دقائق» كعنوان 2 مع ملخصه تحته. وفي العمود الواسع يأتي «من يستطيع التقديم» أولًا، ثم «ما تحتاجونه» مع مستنديه وزر ابدؤوا طلب تصريح الوقوف الخاص بكم. وتجلس الصورة في العمود الضيق، ويبقى نصها البديل بعيدًا عن الأنظار.

إذا لم تظهر الصفحة كما هي معروضة

  • العناوين تُقرَأ بترتيب خطأ. تهبط العناصر الجديدة في أعلى عمودها، فالذي تضيفونه أخيرًا يأتي أولًا. اسحبوا كل عنصر نص إلى موضعه بمقبض السحب على شريط تحكمه.
  • عنوان يبدو كبيرًا جدًا أو صغيرًا جدًا. يضبط قالبكم حجمًا واحدًا لكل مستوى عنوان. أبقوا المستوى الذي يناسب المخطط وغيّروا حجم الخط في لوحة النمط للعنصر.
  • لا تستطيعون العثور على النص البديل على الصفحة. فالنص البديل لقارئات الشاشة ومحركات البحث، فلا تعرضه الصفحة أبدًا. افتحوا إعدادات الصورة وتحققوا من لوحة SEO بدلًا من ذلك.
  • نتائج البحث تعرض عنوان صفحة خطأ. فالمنشئ لا يضبط وسم العنوان. اضبطوه مع وحدة Metatag، كما هو موضح تحت البيانات الوصفية وعناوين URL.

ما الخطوة التالية؟