تكتيكات نمو الناشر لموسم الانتخابات | ندوة عبر الإنترنت

يتعلم أكثر

SODP

SODP Media

  • Education
    • Articles
      • Audience Development
      • Content Strategy
      • Digital Publishing
      • Monetization
      • SEO
      • Digital Platforms & Tools
    • Opinion
    • Podcast
    • Events
      • SODP Dinner Event London 2025
      • SODP Dinner Event Dubai 2025
      • SODP Dinner Event California 2025
      • All Events
  • Top Tools & Reviews
  • Research & Resources
  • Community
    • Slack Channel
    • Newsletter
  • About
    • About Us
    • Contact Us
    • Editorial Policy
  • English
sodp logo
SODP logo
    يبحث
    أغلق مربع البحث هذا.
    تسجيل الدخول
    • تعليم
      • تدوين صوتي
      • مقالات
        • تطوير الجمهور
        • استراتيجية المحتوى
        • النشر الرقمي
        • تحقيق الدخل
        • تحسين محركات البحث
        • المنصات والأدوات الرقمية
        • مقالات
        • رأي
        • المدونة الصوتية
        • الأحداث
        • تطوير الجمهور
        • استراتيجية المحتوى
        • النشر الرقمي
        • تحقيق الدخل
        • تحسين محركات البحث
        • المنصات والأدوات الرقمية
        • حفل عشاء كاليفورنيا 2025
        • بوب تيك 2025
        • عرض الكل
    • أهم الأدوات والمراجعات
        • منصات CMS مقطوعة الرأس
        • منصات النشر الرقمي
        • برنامج التقويم التحريري
        • تطبيقات المجلة
        • منصات النشرة الإخبارية عبر البريد الإلكتروني
        • المزيد من قوائم أفضل الأدوات
        • التعليقات
    • البحث والموارد
    • مجتمع
      • قناة سلاك
      • ساعات العمل
      • النشرة الإخبارية
        • قناة سلاك
        • النشرة الإخبارية
    • عن
      • معلومات عنا
      • اتصل بنا
      • سياسة التحرير
        • معلومات عنا
        • اتصل بنا
        • سياسة التحرير
    العنصر النائب
    SODP logo
    كن شريكًا للعلامة التجارية
    الصفحة الرئيسية > دورة تحسين محركات البحث للناشر > الفصل الثاني: تحسين محركات البحث الفنية > التصميم والتخطيط
    1

    التصميم والتخطيط

    التصميم والتخطيط
    الفصل السابق
    العودة إلى الفصل
    الوحدة التالية

    هدف التعلم

    بعد الاطلاع على هذا الدليل، يجب أن تكون قادرًا على فهم كيفية تعديل المقالات الإخبارية الموجودة وإنشائها باستخدام تصميمات تخطيط الصفحة التي تعمل على تحسين قدرة Google على الزحف إلى محتوى الصفحة واستيعابه.

    مدة الفيديو

    15:35

    الإجابة على الاختبار

    خذ مسابقة الوحدة النمطية الحالية

    مواد

    قوالب جاهزة للاستخدام

    موارد

    التقارير والموارد

    الحد الزمني: 0

    ملخص الاختبار

    0 من 9 أسئلة مكتملة

    أسئلة:

    معلومة

    لقد أكملت الاختبار بالفعل من قبل. وبالتالي لا يمكنك البدء مرة أخرى.

    جارٍ تحميل الاختبار...

    يجب عليك تسجيل الدخول أو التسجيل لبدء الاختبار.

    يجب عليك أولاً إكمال ما يلي:

    نتائج

    اكتمل الاختبار. يتم تسجيل النتائج.

    نتائج

    0 من 9 أسئلة تمت الإجابة عليها بشكل صحيح

    وقتك:

    لقد انقضى الوقت

    لقد وصلت إلى 0 من 0 نقطة(نقاط)، ( 0 )

    النقاط المكتسبة: 0 من 0 , ( 0 )
    0 مقالة (مقالات) معلقة (النقاط المحتملة: 0 )

    فئات

    1. غير مصنفة 0%
    1. 1
    2. 2
    3. 3
    4. 4
    5. 5
    6. 6
    7. 7
    8. 8
    9. 9
    1. حاضِر
    2. مراجعة
    3. أجاب
    4. صحيح
    5. غير صحيح
    1. السؤال 1 من 9
      1. سؤال

      ما الذي يجب تجنبه عند إنشاء موقع ويب؟

      صحيح
      غير صحيح
    2. السؤال 2 من 9
      2. سؤال

      ما الذي يجب أن تفعله للتأكد من فهم محركات البحث على المحتوى على صفحتك؟

      صحيح
      غير صحيح
    3. السؤال 3 من 9
      3. سؤال

      ماذا يجب أن تفعل للتأكد من عرض كل قصة إخبارية على عنوان URL فريد؟

      صحيح
      غير صحيح
    4. السؤال 4 من 9
      4. سؤال

      ما الذي يجب عليك فعله لمنع ألقاب المقالات غير الدقيقة؟

      صحيح
      غير صحيح
    5. السؤال 5 من 9
      5. سؤال

      ما الذي يجب أن تتجنبه في المقالات لتسهيل قراءتها؟

      صحيح
      غير صحيح
    6. السؤال 6 من 9
      6. سؤال

      ما هي لغة الترميز الأساسية لمواقع الويب؟

      صحيح
      غير صحيح
    7. السؤال 7 من 9
      7. سؤال

      ما الذي يجب عليك فعله للتأكد من أن صفحتك سهلة على القراءة والفهم؟

      صحيح
      غير صحيح
    8. السؤال 8 من 9
      8. سؤال

      ما هو الحد الأقصى لبيانات الصفحة التي يمكن لـ GoogleBot تنزيلها في الزحف الأول؟

      صحيح
      غير صحيح
    9. السؤال 9 من 9
      9. سؤال

      ما نوع إعادة التوجيه التي يجب استخدامها لإعادة التوجيه غير الدائمة؟

      صحيح
      غير صحيح

    2.1.1 ما هو التصميم والتخطيط؟

    يحدد تصميم موقعك وتخطيطه كيفية ظهوره للمستخدم النهائي. وهذا أمر مهم لأن Google تعتمد في النهاية على فلسفة المستخدم أولاً. تتم مكافأة صفحات الويب التي تلبي احتياجات المستخدم أولاً وأسرع وأبسط طريقة ممكنة بتصنيفات SERP أعلى.

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

    2.1.2 التحديات التي يواجهها الناشرون في التصميم والتخطيط

    إذًا ما الذي يمنع الناشرين من تطبيق أفضل ممارسات التصميم والتخطيط؟ في أغلب الأحيان، يواجه الناشرون نقاط الألم التالية:

    • الغموض حول النتائج التي يمكن أن تكون ممكنة
    • عدم اليقين بشأن متطلبات مجموعة المهارات
    • الغموض حول الاحتياجات من الموارد

    2.1.3 هل التصميم والتخطيط مهمان لتحسين محركات البحث؟

    للإجابة على هذا السؤال، أجرينا بحثًا بسيطًا على Google بإدخال الكلمات الرئيسية "Charlie Puth News" في شريط البحث.

    إليك ما ظهرت نتائج البحث:

    هل التصميم والتخطيط مهمان لتحسين محركات البحث؟

    في المرتبة الثانية في تصنيف Top Stories SERP، أعلى قصة من NME مباشرة، توجد مقالة Daily Illini حول أحدث إصدار لتشارلي بوث.

    حقيقة أن صحيفة ديلي إيليني، وهي صحيفة طلابية جامعية، تتفوق على أكبر موقع مستقل للموسيقى في العالم، تثير بعض الأسئلة المهمة

    هل التصميم والتخطيط مهمان لتحسين محركات البحث؟

    كيف يمكن لصحيفة طلابية في بلدة يبلغ عدد سكانها حوالي 40 ألف نسمة في الغرب الأوسط الأمريكي أن تتفوق على أكبر موقع إخباري للموسيقى على وجه الأرض؟ مفتونًا، قررنا التنقيب أكثر قليلاً.

    قمنا أولاً بفحص صفحة NME على تشارلي بوث.

    مباشرة خارج الخفافيش ، أول شيء نلاحظه هو الفيديو المنبثق في محاولة تحميله في الركن الأيمن السفلي من الشاشة. من الواضح أنه لا يقوم بعمل جيد للغاية في التحميل. يخفي الفيديو التخزين المؤقت جزءًا من عنوان الأخبار وجسمه.

    بعد ذلك ، نلاحظ أن منفذ العرض الأولي مشغول في الغالب عن طريق الأشياء غير ذات صلة بقصة الأخبار. هناك إعلان لافتة كبير يغطي حوالي نصف الصفحة ، وبالطبع هناك الفيديو.

    في الواقع ، نمر بالتمرير لأسفل في الصفحة ، نواجه المزيد من مقاطع الفيديو والصور الكبيرة والغنية والمزيد من الإعلانات المنبثقة والكثير من الارتباطات التشعبية. بالنظر إلى مدى غنية بالوسائط ، فإنها استغرق الأمر بعض الوقت لتحميلها.

    لقد تفقدنا بعد ذلك Illini اليومية وهنا ما وجدناه.

    بعد ذلك قمنا بتفتيش الايليني اليومية وهنا ما وجدناه

    الصفحة أنيق ونظيف ومرتب. لديها نصيبها من الإعلانات وزر التبرع الكبير في الأعلى ، ولكن لا توجد مقاطع فيديو أو منبثقة تغطي منفذ العرض أو عرقلة عنوان الأخبار. يمكننا أن نرى العنوان على الفور ، ومن المحتمل جدًا أن ينطبق الشيء نفسه على زاحف الويب من Google.

    على العموم ، فإن الصفحة خفيفة ، وأقصى حد وبرق سريع للتحميل.

    قررنا أن نلقي نظرة خاطفة على غطاء محرك السيارة أكثر قليلاً في الكود الأساسي. بالنقر بزر الماوس الأيمن على الصفحة واختيار مصدر العرض (أثناء استخدام Chrome) ، يمكننا رؤية رمز الصفحة.

    هذا ما رأيناه لصفحة NME:

    هذا ما رأيناه لرمز مصدر صفحة NME

    هذا ما رأيناه لرمز مصدر صفحة NME

    انتزع شيئان انتباهنا هنا:

    1. يمتد رمز NME 5،516 سطرًا ، مقارنةً بـ 1481 خطوط Illini اليومية
    2. تستخدم NMW البرامج النصية لتقديم عناصر رئيسية لصفحة - مثل فتات الخبز - بدلاً من استخدام HTML

    هذا ليس أفضل شيء لصفحة لسببين:

    1. من المعروف أن زحفات الويب يواجهون مشكلات أثناء تنفيذ البرامج النصية
    2. الكود المعقد بشكل غير عادي يمكن أن يبطئ التفسير والتنفيذ.

    عندما نظرنا إلى رمز صفحة Illini اليومية من ناحية أخرى ، رأينا هذا:

    عندما نظرنا إلى رمز صفحة Illini اليومية من ناحية أخرى ، رأينا هذا

    هذا هو رمز HTML بسيط للغاية. أيضا ، لا توجد نصوص تعمل داخل<head> قسم.

    كيف يضيف كل هذا إلى Illini Daily Illini Outsing NME؟

    ربما يكون هناك عدد من العوامل في العمل هنا ، وواحد من بينها هو التصميم والتخطيط. تنشر صفحة Illini اليومية بعض تقنيات التصميم والتخطيط التي يمكن للناشرين الصغار تكرارها بسهولة لتعزيز استراتيجيتهم الإجمالية لكبار المسئولين الاقتصاديين.

    وتشمل هذه استخدام رمز HTML نظيف وبسيط ، وتجنب البرامج النصية في قسم الرأس ، والحفاظ على ضوء الصفحة وسريع التحميل ، وعدم الاعتماد بشدة على النوافذ المنبثقة والإعلانات الخلالية.

    يحفر الدليل أدناه في كل واحد من هذه التفاصيل ، مع شرح العديد من التقنيات الأخرى التي يمكنك تنفيذها لتحسين تصنيفات SERP الخاصة بك بشكل كبير.

    2.1.4 مقدمة في علامة HTML الدلالية

    ما هو علامة HTML الدلالية؟

    الدلالات تتعلق بمعنى الكلمات. علامات HTML الدلالية هي تلك التي تحدد معانيها بوضوح للقارئ والزاحف على الويب.

    على سبيل المثال ، عندما نستخدم علامة مثل<header> ، نحن نعرف ما الذي يحتوي عليه - معلومات عن الرأس.

    بصورة مماثلة<h1 style=";text-align:right;direction:rtl"> هي علامة دلالية تخبر GoogleBot أن ما يلي هو أهم عنوان في المقالة.

    على النقيض من ذلك ، عندما نستخدم علامة مثل<div style=";text-align:right;direction:rtl"> ، معناها ليس واضحا على الفور. في HTML<div style=";text-align:right;direction:rtl"> يرمز إلى التقسيم ، وكل ما يوحيه هو أن قسم التعليمات البرمجية الجديد قد بدأ ، دون الكشف بالضرورة أي معلومات حول محتويات هذا القسم.

    لماذا HTML الدلالي مهم لكبار المسئولين الاقتصاديين الفني؟

    تم تصميم زحفات الويب مثل GoogleBot باستخدام خوارزميات الذكاء الاصطناعي والتعلم الآلي التي تحاول محاكاة أداء الدماغ البشري. هذا يعني أنهم يفهمون النص بنفس طريقة ما يفعله الدماغ البشري.

    يجب أن يكون رمز HTML سهل الفهم أن يفهمه أيضًا على فهم زاحف الويب من Google.

    على سبيل المثال ، ضع في اعتبارك قطعتين من رمز HTML أدناه:

    لماذا HTML الدلالي مهم لكبار المسئولين الاقتصاديين الفني؟

    المصدر: https://www.pluralsight.com/guides/semantic-html

    تستخدم هذه الصفحة ملف<div style=";text-align:right;direction:rtl"> ضع علامة على كل شيء ، من الرأس إلى المحتوى الرئيسي إلى تذييل التذييل. ليس من الواضح على الفور من خلال قراءة العلامات ما هو محتوىها.

    على النقيض من ذلك ، تستخدم الصفحة أدناه علامة ترميز دلالي. يتم وضع الرأس داخل<header> علامة ، تذييل داخل<footer> العلامة ، والهيئة الرئيسية للمقال يذهبون داخل<main> علامة.

    لماذا HTML الدلالي مهم لكبار المسئولين الاقتصاديين الفني؟

    المصدر: https://www.pluralsight.com/guides/semantic-html

    نظرًا لأن هذا من السهل على GoogleBot قراءته وفهمه ، فإن هذه الصفحة لديها فرصة أفضل لترتيب أعلى من السابق ، كل الأشياء الأخرى متساوية.

    لعرض ما إذا كانت صفحتك تستخدم الترميز الدلالي ، ما عليك سوى النقر بزر الماوس الأيمن على الصفحة إذا كنت تستخدم Google Chrome ، وانقر فوق Inspect. ستتمكن من رؤية رمز مصدر HTML للصفحة. تشمل العناصر الدلالية المشتركة<author> و<video> و<article> و<form style=";text-align:right;direction:rtl"> و<header> ، إلخ.

    نحن نعرف الآن ماهية الترميز الدلالي ولماذا هو مهم. ولكن كيف نستخدمه لتحسين تحسين محركات البحث؟

    الأمر بسيط - استخدم دائمًا علامة ترميز الدلالي لتمييز معلومات مهمة حول تصميم مقالتك وتخطيطها. يتضمن ذلك معلومات المقالة التالية:

    • العنوان
    • الرؤوس
    • الفقرات
    • صورة ALT صورة.

    تأكد من أن تصميم صفحتك أمر جيد لتحسين الزحف

    2.1.5 أساسيات التصميم والتخطيط

    أنت تقوم بتصميم موقعك ليتم قراءته من قبل كل من البشر والزحف على الويب ، وبالتالي ، يجب أن يعكس التصميم والتخطيط هذه الحقيقة.

    فيما يلي بعض النصائح لمساعدتك على تحقيق نتائج قابلة للقياس لموقع الويب الخاص بك.

    استخدم HTML العادي عند إنشاء مقالات

    يمكنك استخدام HTML أو CSS أو JavaScript أو أي لغة واجهة أخرى لإنشاء صفحات غنية وتفاعلية. ومع ذلك ، تذكر أنه كلما كانت اللغة أكثر تقدماً ، زادت تعقيدها ، والفرص الأكبر هي أن زاحف الويب قد يجد صعوبة في قراءة وتفسير وتجميع.

    قد لا يكون أي شيء مشفر في HTML هو أجمل النظر إليه ، ولكنه سيتم تحميله بشكل أسرع ويكون أكثر تحسينًا لمحركات البحث لسبب بسيط هو أن محركات البحث يمكنها قراءتها وفهمها بشكل أسرع.

    فكر في HTML العادي باعتباره الهيكل العظمي للعظام لصفحة الويب الخاصة بك. يمكنك إضافة CSS و JavaScript لتجسيدها وجعلها تبدو جمالية وديناميكية ، ولكن سيكون من الأفضل الحفاظ على المحتوى الأكثر أهمية داخل الهيكل العظمي بدلاً من وضعه في الجسد.

    فكيف ننفذ HTML العادي؟ إحدى الطرق البسيطة للقيام بذلك هي وضع الجسم الرئيسي للمحتوى الخاص بك في الداخل<article> علامات HTML.

    بهذه الطريقة ، عندما تواجه زحف الويب<article> العلامة ، وهم يعرفون على الفور أن ما يلي هو أهم محتوى في صفحتك - المقالة الإخبارية. يساعد هذا محرك البحث على فهم أن المحتوى ملفوف ضمن هذه العلامة يجب تعيين وزن أكبر.

    HTML عادي<article> العلامة هي علامة دلالية تشبه هذا:

    علامة مقالة HTML العادية هي علامة دلالية تبدو هكذا

    المصدر: https://en.wikipedia.org/wiki/article_element

    السؤال الواضح التالي؟ إذا كنت أستخدم CMS مثل WordPress ، فأين أدخل هذه العلامات؟

    كيفية القيام بذلك: إذا كنت تقوم ببناء موقع ويب مخصص باستخدام HTML ، فيمكنك التحقق من الرمز المصدر لضمان استخدام HTML العادي ، وخاصة في المناطق الحرجة. ننصح التحدث بمزيد من التفصيل مع مطور لضمان عدم تواجدك عن طريق الصدفة.

    إذا كنت تستخدم WordPress ، راجع هذا الدليل . يمكنك أيضًا العثور على هذا الدليل حول كيفية إدخال HTML في المشاركات والصفحات مصدر مرجعي مفيد.

    هذه التعليمات مخصصة لـ WordPress حيث تظل WordPress أكثر CMS شعبية للناشرين. إذا كنت تستخدم CMS مختلفة مثل WIX ، فيرجى الرجوع إلى صفحة الدعم أو الوثائق لـ CMS.

    إذا كان لديك إمكانية الوصول إلى فريق من مطوري الويب ، فمن الأفضل أن تجعلهم يفعلون ذلك لأن تحرير رمز HTML يمكن أن يستغرق وقتًا طويلاً.

    اختبار المحتوى عبر المنصات

    اختبار للتأكد من أن المحتوى الخاص بك يظهر بشكل صحيح في جميع المتصفحات والأجهزة والأحجام. هذا واحد أكثر وضوحا ولكن غالبا ما يتم تجاهله. إذا لم يظهر المحتوى الخاص بك بالطريقة التي تريدها عبر جميع المتصفحات والأجهزة ، فسيؤثر ذلك على تجربة المستخدم ، وعلى المدى الطويل ، تصنيفات SERP الخاصة بك.

    كيفية القيام بذلك: لاختبار المحتوى عبر الأنظمة الأساسية ، تحتاج إلى فتح صفحتك في أجهزة مختلفة وفي متصفحات مختلفة لمعرفة كيفية تقديمها.

    على الأقل ، يجب عليك اختبار ما يلي:

    1. افتح الصفحة في سطح المكتب/الكمبيوتر المحمول لمعرفة ما إذا كان التصميم والتخطيط هما الطريقة التي تنوي أن تكون بها.
    2. إما افتح الصفحة في جهاز محمول لمعرفة ما إذا كانت جميع عناصر الصفحة يتم تقديمها بشكل صحيح أو استخدم DevTools من Google لمحاكاة جهاز محمول .
    3. افتح الصفحة في متصفحات متعددة - Google Chrome و Mozilla Firefox و Microsoft Edge - لرؤيتها يتم تحميلها بشكل صحيح وسلس.

    استخدم البيانات المنظمة

    تساعد علامات HTML في تسليط الضوء على العناصر المختلفة لصفحتك. تساعد البيانات المنظمة محركات البحث على قراءة ما هو داخل العناصر المختلفة لصفحتك وفهم محتواه بشكل أفضل.

    البيانات المهيكلة هي ببساطة سلسلة من الإرشادات المكتوبة بلغة بسيطة ، مثل JSON-LD ، والتي يمكن إدراجها ضمن رمز HTML الحالي في صفحة الويب الخاصة بك. فكر في الأمر مثل وصف التعريف ، ولكن بالنسبة للقطع الفردية من المحتوى على صفحتك.

    في المثال أدناه ، تساعد البيانات المنظمة Google في تحديد خمس سمات حول صفحة DBPedia على John Lennon:

    • السياق: الصفحة تدور حول شخص.
    • المعرف: حيث توجد الصفحة الموجودة على الإنترنت. في هذه الحالة ، dbpedia.org
    • الاسم: ما هو اسم الشخص الذي هو موضوع هذه الصفحة؟ في هذه الحالة ، إنه جون لينون.
    • ولد: متى ولد هذا الشخص؟
    • الزوج: ما هو اسم زوجتهم؟

    استخدم البيانات المنظمة

    المصدر: https://json-ld.org/

    كما ترون ، فإن الكود بلغة بسيطة سهلة لكل من القارئ البشري والزاحف على شبكة الإنترنت.

    إليك مثال آخر يوضح كيف يمكن أن تتناسب البيانات المنظمة مباشرة مع رمز HTML الحالي لصفحة الويب الخاصة بك. يتم تمييز تعليمات البيانات المهيكلة باللون الأخضر.

    استخدم البيانات المنظمة

    المصدر: المطورين. google.com

    في هذا المثال ، تخبر البيانات المهيكلة GoogleBot أن هذه صفحة وصفة حول شكل كعكة القهوة شخص يسمى ماري ستون.

    يوفر استخدام البيانات المنظمة في تصميم موقع الويب الخاص بك نتائج قابلة للقياس. على سبيل المثال ، يمكن أن يؤدي استخدام البيانات المهيكلة إلى زيادة معدل النقر إلى طريق الموقع (CTR) بنسبة تصل إلى 30 ٪.

    يساعد استخدام البيانات المهيكلة أيضًا على تصنيف صفحتك بشكل أفضل على Carousels من Google ، ومقتطفات مميزة ومقاطع فيديو وميزات لوحة المعرفة.

    بالنسبة لـ Google News SEO ، من المهم تضمين العناصر التالية عند إنشاء بيانات منظمة لتوفير قيمة إضافية:

    • DatePublished: التاريخ الذي تم فيه نشر عنصر الأخبار لأول مرة باستخدام تنسيق ISO 8601.
    • DateModified: التاريخ الذي تم فيه تعديله مؤخرًا أو تحديثه.
    • العنوان: لا تتجاوز 110 حرفًا.
    • الصورة: رابط للصورة التي تصاحب المقالة. يجب وضع علامة على الصورة باستخدام علامات HTML.
    • isAccessibleforfree: يشير هذا الحقل إلى ما إذا كان عنصر الأخبار وراء paywall أم لا.
    • المؤلف . من الممارسات الجيدة أيضًا تضمين مقابض التواصل الاجتماعي للمؤلف في السيرة الذاتية.

    كيفية القيام بذلك: يمكنك إضافة بيانات/مخطط منظم إلى المحتوى الخاص بك إما يدويًا أو باستخدام مكون إضافي لـ CMS الخاص بك.

    1. ابدأ بإدخال عنوان URL لصفحتك في أداة اختبار البيانات المنظمة . سيخبرك هذا إذا كنت تستخدم بالفعل أي بيانات منظمة ، وإذا كان الأمر كذلك ، حيث توجد في صفحتك. هذا بدوره يمنحك فكرة عن نوع البيانات المنظمة التي لا تزال بحاجة إلى إضافتها وأين.
    2. إذا كنت تخطط لإضافة بيانات منظمة يدويًا ، فستحتاج إلى فهم أساسي لـ Schema.org. هذا مورد جيد لمعرفة المزيد عن schema.org. إذا لم تكن مرتاحًا لتحرير رمز HTML على صفحتك ، فإننا نوصي بالحصول على مساعدة من مطور ويب.
    3. إذا كنت تستخدم CMS مثل WordPress ، فقد لا تتمكن من تحرير رمز HTML مباشرة. في هذه الحالة ، يكون استخدام مكون إضافي مثل Schema Pro أو Schema App المهيكلة أو أي مكونات إضافية جيدة للورد. إذا كنت تستخدم أي CMS أخرى مثل WIX ، فتحقق من الإضافات المناسبة. ملاحظة: يرجى الرجوع إلى مزود الاستضافة لتجنب تعارضات المكونات الإضافية المحتملة.

    بنية المحتوى الخاص بك

    يجب ترتيب جميع عناصر مقالك الإخباري بترتيب محدد للسماح بالزحف بشكل أسرع وأسهل. الأمر كما يلي:

    • العنوان
    • صورة (مع نص بديل)
    • السيرة الذاتية للمؤلف والتاريخ
    • نص المقالة

    تجربة الصفحة

    تجربة الصفحة هي مقياس لكيفية تجربة المستخدمين لصفحتك. لدى Google مجموعة من المعلمات لقياس تجربة الصفحة. لقد خصصنا وحدة كاملة لعوامل تجربة الصفحة ، لذلك سننظر بإيجاز فقط إلى كل منها هنا.

    • Core Web Vultals (CWV): CWV عبارة عن مقياس Google يقيس ثلاثة أشياء - مدى سرعة تحميل موقع الويب الخاص بك ، ومدى تفاعله ومدى استقراره بصريًا. يتم ذلك بمساعدة ثلاث مقاييس أخرى - أكبر طلاء للمحتوى (LCP) ، تأخير الإدخال الأول (FID) وتحول التصميم التراكمي (CLS).
    • الود عبر الهاتف المحمول: يجب أن يكون موقعك مستجيبًا للأجهزة المحمولة.
    • مخطط HTTPS: HTTPS هو الإصدار الآمن من HTTP المستخدم لنقل البيانات عبر الإنترنت. تقوم HTTPS بتشفير البيانات المرسلة عبر الشبكة وتضمن الأصالة والخصوصية.
    • لا توجد خلاليات متطفلة: الخلاليات منبثقة مثل الإعلانات أو مربعات الحوار التي تغطي جزءًا كبيرًا من شاشة المستخدم ، مما يعطل تجربة المشاهدة الخاصة بهم. كما أن الخلاليات المتطفلة تجعل من الصعب على Google فهم المحتوى في الصفحة.

    كيفية القيام بذلك: يمكنك اختبار تجربة الصفحة يدويًا أو باستخدام الإضافات أو تطبيقات الطرف الثالث. على سبيل المثال ، Beage Speed Insights أداة مفيدة تساعدك على تحليل أداء موقعك استنادًا إلى CWV والمعلمات الأخرى ويعين درجة بناءً على تحليلها. كما أنه يختبر كل من استجابة الأجهزة المحمولة وسطح المكتب.

    عناوين URL الفريدة والدائمة

    يجب ألا ينشر ناشرو الأخبار مقالات إخبارية متعددة تحت عنوان URL نفسه. هذا سوف يعيق جوجل من فهرسة لها. يجب أن يكون لكل مقال إخباري عنوان URL الفريد الخاص به.

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

    يعيد توجيه عنوان URL

    إذا كانت هناك حاجة إلى استخدام عمليات إعادة التوجيه في المقالات الإخبارية ، فيجب تنفيذها وفقًا لأفضل الممارسات التالية:

    • استخدم أقل عدد ممكن من إعادة التوجيه للربط من صفحة إلى أخرى
    • تأكد من إعادة التوجيه إلى صفحة صالحة
    • إذا كنت تستخدم مؤقتًا إعادة توجيه يعيد توجيه المستخدم إلى صفحة مختلفة بعد انقضاء فترة زمنية معينة ، تأكد من تقليل هذه النافذة
    • تأكد من عدم إعادة توجيه الصفحة إلى نفسها
    • لإعادة التوجيه الدائمة ، استخدم 301 إعادة التوجيه
    • تجنب استخدام ومعرف = كمعلمة عنوان URL

    2.1.6 من الجيد أن يكون

    على الرغم من أن عناصر الإجراء المذكورة في هذا القسم ليست مهمة مثل تلك المذكورة أعلاه ، إلا أننا ما زلنا نوصي بتنفيذ أكبر عدد ممكن من هذه الأشياء بمجرد معالجة النقاط الحرجة المذكورة أعلاه.

    ينظف<head> شفرة

    ال<head> يحتوي عنصر الصفحة على معلومات مهمة حول الصفحة التي لم يتم عرضها بالفعل على الصفحة. ما يتضمنه بيانات التعريف التي تساعد GoogleBot على تحديد محتويات الصفحة وتصنيفها.

    كقاعدة عامة ،<head> يجب أن يتضمن العنصر فقط أهم العلامات ولا شيء آخر ، لذلك يمكن زحف المنشور وتقديمه بشكل صحيح. وتشمل هذه:

    • عنوان
    • <style>
    • <meta>
    • <link>
    • <script>
    • <base>

    أي شيء آخر موجود داخل<head> من المحتمل أن يخلط العنصر في زحفات الويب.

    على سبيل المثال، من الشائع أن يخلط المبتدئون بين علامة العنوان و<h1 style=";text-align:right;direction:rtl"> ووضع الأخير داخل<head> العنصر. كما تم شرحه سابقًا،<head> لا يمكن للعنصر أن يحتوي إلا على بيانات وصفية لا يتم عرضها على الصفحة.

    على الرغم من أن العنوان و<h1 style=";text-align:right;direction:rtl"> يجب أن يحتوي على نفس المعلومات بشكل أساسي، فالأولى عبارة عن بيانات وصفية مخصصة لبرامج الزحف على الويب والتي سيتم عرضها ضمن نتائج SERP وعلامة تبويب المتصفح، بينما الثانية عبارة عن معلومات سيتم عرضها على الصفحة.

    يوضح الكود أدناه كيفية وضع العنوان داخل<head> عنصر.

    المصدر: مطور. mozilla.org

    إنشاء UX سهلة الاستخدام

    إن استخدام عناصر الصفحات التي تجعل من السهل مسح المحتوى وجعل التنقل تجربة بدون احتكاك للمستخدم تؤثر أيضًا على كبار المسئولين الاقتصاديين.

    سوف تحتوي صفحة سهلة التنقل على هذه العناصر:

    • الرئيسية
    • قائمة طعام
    • يبحث
    • صفحات الفئة
    • صفحات المقالات الإخبارية
    • التسجيل/الاشتراك

    ما لم تكن مطور ويب متمرس ، فمن الأفضل استشارة خبير في أفضل طريقة لتنفيذ UX سهلة الاستخدام.

    إنشاء تجربة إعلانية جيدة

    تريد Google أن يعرض الناشرين إعلانات دون تعطيل تجربة المستخدم. لهذا السبب ، قد يعاقب مواقع الويب التي تعرض الكثير من الإعلانات المتطفلة. على الرغم من أن تجربة المستخدم هي مقياس شخصي ، فإن Google لديها بعض الإرشادات وأفضل الممارسات عندما يتعلق الأمر بالإعلانات.

    بعضهم يرتبط بـ:

    • وضع الإعلان: التأكد من أن صفحتك ليست ثقيلة مع الإعلانات
    • محتوى الإعلان: التأكد من أن إعلاناتك ليست مسيئة أو غير ملائمة
    • م إلى م إلى نسبة المحتوى: الحفاظ على هذه النسبة لا تزيد عن 30 ٪
    • تجنب الخلاليات المتطفلة: تجنب الإعلانات التي تنبثق وتغطي جزءًا كبيرًا من شاشة المستخدم.

    لمعرفة المزيد عن الإعلانات والنوافذ المنبثقة ، راجع الوحدة التفصيلية .

    2.1.7 تجنب هذه المزالق الشائعة

    لا تستخدم JavaScript عند إنشاء مقالات

    تعد JavaScript رائعة لإنشاء محتوى ديناميكي وتفاعلي ، لكن زحف الويب قد يواجهون صعوبة في تقديمه.

    هذا لأنه:

    • عادة ما يتم تقديم JavaScript على جانب العميل بدلاً من الخادم. كقاعدة عامة ، يتم تنفيذ أي شيء يتم تقديمه على جانب الخادم بشكل أسرع.
    • يستخدم GoogleBot عملية فهرسة من خطوتين تقوم فيها بفحص محتوى HTML لصفحة في الموجة الأولى ، و javaScript في الموجة الثانية. لا يمكن أن يؤدي هذا إلى تأخير الفهرسة فحسب ، بل يمكن أن يؤدي في بعض الأحيان إلى محتوى JavaScript الذي يفتقده GoogleBot تمامًا.
      لذلك ، على الرغم من أن هذا لا يعني أنه يجب ألا تستخدم JavaScript على صفحتك ، فقط تأكد من أن قسم المقالة خالي من JavaScript.

    تجنب انقطاع المادة

    مع المقالات الإخبارية ، من الممارسات الجيدة تجنب الانقطاعات مثل Carousels المقالة ذات الصلة أو معارض الصور.

    راقب موقعك بعد إعادة التصميم

    العديد من الناشرين الذين يثيرون القلق جيدًا عند إعادة تشغيل/إعادة تصميم موقعهم ، لأنها تتطلب من Google تجنيد الموقع. اتبع أفضل الممارسات لضمان الانتقال السلس إلى الطبيعة بعد إعادة التصميم/إعادة التشغيل:

    • تأكد من الوصول إلى جميع صفحاتك بواسطة زاحف ويب من Google عن طريق إدخال عناوين URL في أداة فحص URL الخاصة بـ Google
    • إذا كنت لا تريد أن تزحف Google على صفحات معينة ، فقم بحظر الوصول إليها باستخدام علامات Robots.txt أو Noindex
    • تحديث خريطة sitemap الخاصة بك. هذا يخبر Google بالصفحات الموجودة على موقعك تحتاج إلى الزحف وفهرسة
    • إذا قمت بتغيير بنية موقع الويب الخاص بك أثناء إعادة التصميم ، فقم بتحديث السجلات المرتبطة بصفحات الويب الخاصة بك مع مركز ناشر . لمعرفة المزيد على مركز ناشر Google ، انظر وحدة الدورة التدريبية التفصيلية .

    تجنب HTML للوزن الثقيل على صفحات المقالة

    حافظ على صفحات المقال الخاصة بك بقدر الإمكان. لقد بحثنا بالفعل في تجنب JavaScript في المقالات ، ولكن من الممارسات الجيدة أيضًا تجنب استخدام محتوى HTML الثقيل.

    هذا لأنه عندما يزحف Googlebot صفحتك ، يمكنه فقط تنزيل بيانات الصفحة 15 ميجابايت فقط في الزحف الأول. بالنسبة لمعظم الصفحات ، فإن هذه ليست مشكلة رئيسية حيث يتم الرجوع إلى عناصر الوزن الثقيلة مثل مقاطع الفيديو والصور بشكل منفصل ضمن الكود الذي يفهسته GoogleBot لاحقًا ، وبالتالي فهي خارج نطاق هذا الحد البالغ 15 ميجابايت.

    ومع ذلك ، فإن هذا يشير مرة أخرى إلى حقيقة أنه كلما كانت صفحتك أخف وزناً ، كلما كان من السهل على GoogleBOT الزحف وفهرسها.

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

    إصلاح مقتطفات المقالة غير صحيحة

    تمنح مقتطفات المقالة القراء معاينة للمحتوى على الصفحة قبل النقر عليها. تحدد Google المقتطف للذهاب مع كل مقالة عن طريق تزحف النص في الهيئة الرئيسية للمقالة أسفل العنوان مباشرة.

    لتجنب إمكانية GoogleBot بما في ذلك قصاصات غير صحيحة ، تأكد من ذلك:

    • في رمز HTML الخاص بالصفحة ، لم يتم وضع نص إضافي بين العنوان والجسم الرئيسي.
    • من الواضح أن الخطوط الداخلية للمؤلف ، والتاريخ السير للمؤلف وتاريخ نشر المقالات ، عن بداية الهيئة الرئيسية للمقال. للحصول على أفضل الممارسات حول كيفية تنفيذ ذلك ، راجع الإرشادات حول البيانات المنظمة والعلامات الدلالية التي تمت مناقشتها مسبقًا.

    منع الصور المفقودة أو غير الصحيحة

    في بعض الأحيان ، قد تفشل GoogleBot في فهرسة صورتك أو فهرسة صورة مختلفة عن الصورة التي تنوي عرضها مع مقالتك. لتجنب ذلك ، اتبع أفضل الممارسات:

    • استخدم ترميز المخطط لمساعدة GoogleBot على تحديد صورك بشكل أفضل. يوفر Schema.org رمز الترميز الدلالي الذي يمكن أن يساعد GoogleBot في تحديد صورتك بشكل أفضل. OpenGraph (OG) هي أداة أخرى تستخدم لغرض مماثل. نشأت البيانات المهيكلة Schema.org من تعاون بين محركات البحث الرئيسية - Google و Yahoo! ، Bing و Yandex - لجعل عناصر تحديد وفهرسة على الصفحة أكثر دقة وسهولة.
    • استخدم فقط تنسيقات الصور التي تدعمها Google مثل JPEG و GIF و PNG و BMP و WebP و SVG. تأكد أيضًا من أن الصور لا تقل عن 90 × 60 بكسل.
    • كن حذرا عند ضم الصور. هناك طريقتان لتضمين الصور في الكود الخاص بك - مضمّنة أو تشير إلى مصدر خارجي. عند استخدام صورة مضمنة ، فإنه يقلل من عدد المرات التي يتعين فيها زاحف الويب على اتباع رابط خارجي وبالتالي تقليل وقت الزحف. ومع ذلك ، فإن الصور المضمون لها عيب في زيادة حجم الصفحة. وهكذا ، هناك مفاضلة تشارك بين التحضير والإشارة ، وسيتم تحديد أفضل مسار يجب اتباعه بأولوياتك. إذا لم تكن صورك ثقيلة جدًا ، فأخطئها.
    • تأكد من وضع صورتك المميزة بالقرب من عنوان المقالة ولا يتم حظر الوصول إلى الصورة بواسطة علامة robot.txt أو بيانات التعريف

    منع عناوين المقالات غير الدقيقة

    تستخدم GoogleBot عنوان مقالتك لتحديد وفهرسها بشكل صحيح. استخدم أفضل الممارسات التالية لضمان قراءة عنوانك بدقة:

    • تأكد من أن المحتوى داخل العنوان و<h1 style=";text-align:right;direction:rtl"> علامة مقالتك هي نفسها
    • تجنب إدخال الارتباطات التشعبية في عنوان المقالة
    • حاول تجنب استخدام تاريخ أو وقت ضمن عنوان مقالتك
    • إذا قمت بربط مقالك بقسم آخر من موقع الويب الخاص بك ، فتأكد من أن نص المرساة الذي يرتبط بمقالك هو نفسه عنوان المقالة

    2.1.8 أمثلة على المواقع بشكل جيد

    دعونا نلقي نظرة على دراستين للمواقع التي نفذت بالفعل الخطوات التي تمت مناقشتها في هذه المقالة.

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

    دراسة الحالة 1: مراقب مانلي

    The Manly Observer هو موقع أخبار فرطية يخدم الجماهير في إحدى ضواحي سيدني الشهيرة في Sydney ، أستراليا. فيما يلي ما يشبه مقال إخباري نموذجي على الموقع:

    مراقب رجولي

    نرى العناصر التالية من التصميم واضحة وحاضرة للوهلة الأولى:

    1. عنوان
    2. اسم المؤلف والصورة
    3. تاريخ النشر
    4. صورة مميزة ذات صلة بالعنوان
    5. نص المقالة

    بالنظر إلى رمز HTML الخاص بالصفحة ، يمكننا أن نرى استخدام العلامات الدلالية.

    قسم رأس المراقب الرجولي

    • يحتوي عنوان العلامة على عنوان المقال الإخباري.
    • يمكن قراءة معلمات منفذ عرض الصفحة بسهولة.

    هذا هو الكود الذي يمكن قراءته بسهولة من قبل الإنسان. من الآمن افتراض أن زاحف الويب سيكون قادرًا على قراءة هذا الرمز وتفسيره بسهولة متساوية.

    يستخدم موقع الويب مخطط HTTPS: // وليس لديه إعلانات منبثقة أو تحميل خلالي داخل منفذ العرض الأولي.

    عنوان عنوان URL للمراقب الرجولي

    دراسة الحالة 2: رجل الأعمال

    رجل الأعمال مجلة شهيرة لأصحاب المشاريع والشركات. هكذا تظهر صفحتها الرئيسية.

    مُقَاوِل

    الموقع الإلكتروني سريع التحميل ولا توجد إعلانات أو مقاطع فيديو منبثقة على الصفحة الرئيسية نفسها. يحدث معظم وضع الإعلان على المقالات الإخبارية الفردية.

    عندما ننقر على "عرض المصدر" ، نرى رمز HTML التالي:

    رمز مصدر ريادة الأعمال

    في لمحة ، يمكننا جعل ما يلي من هذا الرمز:

    1. استخدام الترميز الدلالي: عند قراءة هذا الكود، يُمكننا فهم محتوى كل وسم. على سبيل المثال، نرى وسم العنوان الذي يحتوي على عنوان الصفحة.
    2. نظيف ناقشنا كيف يجب أن يحتوي عنصر الرأس على العلامات التالية فقط - العنوان ، النمط ، التعريف ، الرابط ، النص ، قاعدة. في الكود أعلاه ، نرى فقط هذه العناصر ولا شيء آخر. هذا رمز نظيف

    أثناء التمرير لأسفل ، نرى عنصر الكود التالي:

    قسم رئيس ريادة الأعمال

    ناقشنا استخدام Schema.org و OpenGraph (OG) للصور. لتلخيص ، Schema.org و OG من أنواع البيانات المنظمة التي تساعد على زحف الويب على تحديد عناصر محددة من الكود بسهولة أكبر. نرى Schema.org و OG تنفذ هنا.

    علاوة على ذلك ، نرى أيضًا علامات بيانات منظمة كما هو موضح أدناه:بيانات بنية رائد الأعمال

    كما هو الحال مع مثالنا السابق ، يستخدم Entrepreneur.com أيضًا مخطط HTTPS: // في ارتباطه ، ولا يحتوي على خلاليات أو منبثقة مزعجة ، وهو سريع التحميل. تتبع المقالات الإخبارية تنسيقًا محددًا من العنوان والصورة وإسناد المؤلف والتاريخ والهيئة الرئيسية للمحتوى. ينتج عن هذا تجربة أفضل في صفحة ، وبالتالي تحسين تحسين محركات البحث التقنية.

    2.1.9 الإجراءات والوجبات السريعة

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

    الفصل السابق
    العودة إلى الفصل
    الوحدة التالية

    نشط الان

    1

    التصميم والتخطيط

    شاهد المزيد

    2

    هندسة الموقع

    3

    تجربة الصفحة

    4

    خريطة موقع الأخبار

    5

    مخطط

    6

    سرعة الزحف والتردد

    7

    روابط إلى المحتوى المدعوم والمحتوى الذي أنشأه المستخدم

    8

    مركز الناشرين جوجل

    9

    بنج أخبار بوبهاب

    10

    الإعلانات والنوافذ المنبثقة وأفضل الممارسات

    SODP logo

    تعمل حالة النشر الرقمي على إنشاء منشور جديد ومجتمع للوسائط الرقمية ومحترفي النشر في الوسائط والتكنولوجيا الجديدة.

    • أعلى الأدوات
    • تحسين محركات البحث للناشرين
    • سياسة الخصوصية
    • السياسة التحريرية
    • خريطة الموقع
    • البحث حسب الشركة
    فيسبوك اكس تويتر تثاقل ينكدين

    حالة النشر الرقمي – حقوق النشر 2025