تكتيكات نمو الناشر لموسم الانتخابات | ندوة عبر الإنترنت
بعد الاطلاع على هذا الدليل، يجب أن تكون قادرًا على فهم كيفية تعديل المقالات الإخبارية الموجودة وإنشائها باستخدام تصميمات تخطيط الصفحة التي تعمل على تحسين قدرة Google على الزحف إلى محتوى الصفحة واستيعابه.
مدة الفيديو
15:35
الإجابة على الاختبار
خذ مسابقة الوحدة النمطية الحالية
مواد
قوالب جاهزة للاستخدام
موارد
التقارير والموارد
0 من 9 أسئلة مكتملة
أسئلة:
لقد أكملت الاختبار بالفعل من قبل. وبالتالي لا يمكنك البدء مرة أخرى.
جارٍ تحميل الاختبار...
يجب عليك تسجيل الدخول أو التسجيل لبدء الاختبار.
يجب عليك أولاً إكمال ما يلي:
0 من 9 أسئلة تمت الإجابة عليها بشكل صحيح
وقتك:
لقد انقضى الوقت
لقد وصلت إلى 0 من 0 نقطة(نقاط)، ( 0 )
النقاط المكتسبة: 0 من 0 , ( 0 )
		 0 مقالة (مقالات) معلقة (النقاط المحتملة: 0 )
		
ما الذي يجب تجنبه عند إنشاء موقع ويب؟
ما الذي يجب أن تفعله للتأكد من فهم محركات البحث على المحتوى على صفحتك؟
ماذا يجب أن تفعل للتأكد من عرض كل قصة إخبارية على عنوان URL فريد؟
ما الذي يجب عليك فعله لمنع ألقاب المقالات غير الدقيقة؟
ما الذي يجب أن تتجنبه في المقالات لتسهيل قراءتها؟
ما هي لغة الترميز الأساسية لمواقع الويب؟
ما الذي يجب عليك فعله للتأكد من أن صفحتك سهلة على القراءة والفهم؟
ما هو الحد الأقصى لبيانات الصفحة التي يمكن لـ GoogleBot تنزيلها في الزحف الأول؟
ما نوع إعادة التوجيه التي يجب استخدامها لإعادة التوجيه غير الدائمة؟
2.1.1 ما هو التصميم والتخطيط؟
يحدد تصميم موقعك وتخطيطه كيفية ظهوره للمستخدم النهائي. وهذا أمر مهم لأن Google تعتمد في النهاية على فلسفة المستخدم أولاً. تتم مكافأة صفحات الويب التي تلبي احتياجات المستخدم أولاً وأسرع وأبسط طريقة ممكنة بتصنيفات SERP أعلى.
يحدد تصميم موقعك وتخطيطه أيضًا مدى سهولة قيام برامج زحف الويب، مثل Google bot، بالزحف إليه وفهرسته. التصميم والتخطيط البسيط والمحسن يعني الزحف السريع والسهل، والذي بدوره يترجم إلى تصنيفات أفضل.
إذًا ما الذي يمنع الناشرين من تطبيق أفضل ممارسات التصميم والتخطيط؟ في أغلب الأحيان، يواجه الناشرون نقاط الألم التالية:
للإجابة على هذا السؤال، أجرينا بحثًا بسيطًا على Google بإدخال الكلمات الرئيسية "Charlie Puth News" في شريط البحث.
إليك ما ظهرت نتائج البحث:
في المرتبة الثانية في تصنيف Top Stories SERP، أعلى قصة من NME مباشرة، توجد مقالة Daily Illini حول أحدث إصدار لتشارلي بوث.
حقيقة أن صحيفة ديلي إيليني، وهي صحيفة طلابية جامعية، تتفوق على أكبر موقع مستقل للموسيقى في العالم، تثير بعض الأسئلة المهمة
كيف يمكن لصحيفة طلابية في بلدة يبلغ عدد سكانها حوالي 40 ألف نسمة في الغرب الأوسط الأمريكي أن تتفوق على أكبر موقع إخباري للموسيقى على وجه الأرض؟ مفتونًا، قررنا التنقيب أكثر قليلاً.
قمنا أولاً بفحص صفحة NME على تشارلي بوث.
مباشرة خارج الخفافيش ، أول شيء نلاحظه هو الفيديو المنبثق في محاولة تحميله في الركن الأيمن السفلي من الشاشة. من الواضح أنه لا يقوم بعمل جيد للغاية في التحميل. يخفي الفيديو التخزين المؤقت جزءًا من عنوان الأخبار وجسمه.
بعد ذلك ، نلاحظ أن منفذ العرض الأولي مشغول في الغالب عن طريق الأشياء غير ذات صلة بقصة الأخبار. هناك إعلان لافتة كبير يغطي حوالي نصف الصفحة ، وبالطبع هناك الفيديو.
في الواقع ، نمر بالتمرير لأسفل في الصفحة ، نواجه المزيد من مقاطع الفيديو والصور الكبيرة والغنية والمزيد من الإعلانات المنبثقة والكثير من الارتباطات التشعبية. بالنظر إلى مدى غنية بالوسائط ، فإنها استغرق الأمر بعض الوقت لتحميلها.
لقد تفقدنا بعد ذلك Illini اليومية وهنا ما وجدناه.
الصفحة أنيق ونظيف ومرتب. لديها نصيبها من الإعلانات وزر التبرع الكبير في الأعلى ، ولكن لا توجد مقاطع فيديو أو منبثقة تغطي منفذ العرض أو عرقلة عنوان الأخبار. يمكننا أن نرى العنوان على الفور ، ومن المحتمل جدًا أن ينطبق الشيء نفسه على زاحف الويب من Google.
على العموم ، فإن الصفحة خفيفة ، وأقصى حد وبرق سريع للتحميل.
قررنا أن نلقي نظرة خاطفة على غطاء محرك السيارة أكثر قليلاً في الكود الأساسي. بالنقر بزر الماوس الأيمن على الصفحة واختيار مصدر العرض (أثناء استخدام Chrome) ، يمكننا رؤية رمز الصفحة.
هذا ما رأيناه لصفحة NME:
انتزع شيئان انتباهنا هنا:
هذا ليس أفضل شيء لصفحة لسببين:
عندما نظرنا إلى رمز صفحة Illini اليومية من ناحية أخرى ، رأينا هذا:
هذا هو رمز HTML بسيط للغاية. أيضا ، لا توجد نصوص تعمل داخل<head> قسم.
كيف يضيف كل هذا إلى Illini Daily Illini Outsing NME؟
ربما يكون هناك عدد من العوامل في العمل هنا ، وواحد من بينها هو التصميم والتخطيط. تنشر صفحة Illini اليومية بعض تقنيات التصميم والتخطيط التي يمكن للناشرين الصغار تكرارها بسهولة لتعزيز استراتيجيتهم الإجمالية لكبار المسئولين الاقتصاديين.
وتشمل هذه استخدام رمز HTML نظيف وبسيط ، وتجنب البرامج النصية في قسم الرأس ، والحفاظ على ضوء الصفحة وسريع التحميل ، وعدم الاعتماد بشدة على النوافذ المنبثقة والإعلانات الخلالية.
يحفر الدليل أدناه في كل واحد من هذه التفاصيل ، مع شرح العديد من التقنيات الأخرى التي يمكنك تنفيذها لتحسين تصنيفات SERP الخاصة بك بشكل كبير.
الدلالات تتعلق بمعنى الكلمات. علامات 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"> يرمز إلى التقسيم ، وكل ما يوحيه هو أن قسم التعليمات البرمجية الجديد قد بدأ ، دون الكشف بالضرورة أي معلومات حول محتويات هذا القسم.
تم تصميم زحفات الويب مثل GoogleBot باستخدام خوارزميات الذكاء الاصطناعي والتعلم الآلي التي تحاول محاكاة أداء الدماغ البشري. هذا يعني أنهم يفهمون النص بنفس طريقة ما يفعله الدماغ البشري.
يجب أن يكون رمز HTML سهل الفهم أن يفهمه أيضًا على فهم زاحف الويب من Google.
على سبيل المثال ، ضع في اعتبارك قطعتين من رمز HTML أدناه:
المصدر: https://www.pluralsight.com/guides/semantic-html
تستخدم هذه الصفحة ملف<div style=";text-align:right;direction:rtl"> ضع علامة على كل شيء ، من الرأس إلى المحتوى الرئيسي إلى تذييل التذييل. ليس من الواضح على الفور من خلال قراءة العلامات ما هو محتوىها.
على النقيض من ذلك ، تستخدم الصفحة أدناه علامة ترميز دلالي. يتم وضع الرأس داخل<header> علامة ، تذييل داخل<footer> العلامة ، والهيئة الرئيسية للمقال يذهبون داخل<main> علامة.
المصدر: https://www.pluralsight.com/guides/semantic-html
نظرًا لأن هذا من السهل على GoogleBot قراءته وفهمه ، فإن هذه الصفحة لديها فرصة أفضل لترتيب أعلى من السابق ، كل الأشياء الأخرى متساوية.
لعرض ما إذا كانت صفحتك تستخدم الترميز الدلالي ، ما عليك سوى النقر بزر الماوس الأيمن على الصفحة إذا كنت تستخدم Google Chrome ، وانقر فوق Inspect. ستتمكن من رؤية رمز مصدر HTML للصفحة. تشمل العناصر الدلالية المشتركة<author> و<video> و<article> و<form style=";text-align:right;direction:rtl"> و<header> ، إلخ.
نحن نعرف الآن ماهية الترميز الدلالي ولماذا هو مهم. ولكن كيف نستخدمه لتحسين تحسين محركات البحث؟
الأمر بسيط - استخدم دائمًا علامة ترميز الدلالي لتمييز معلومات مهمة حول تصميم مقالتك وتخطيطها. يتضمن ذلك معلومات المقالة التالية:
تأكد من أن تصميم صفحتك أمر جيد لتحسين الزحف
أنت تقوم بتصميم موقعك ليتم قراءته من قبل كل من البشر والزحف على الويب ، وبالتالي ، يجب أن يعكس التصميم والتخطيط هذه الحقيقة.
فيما يلي بعض النصائح لمساعدتك على تحقيق نتائج قابلة للقياس لموقع الويب الخاص بك.
يمكنك استخدام HTML أو CSS أو JavaScript أو أي لغة واجهة أخرى لإنشاء صفحات غنية وتفاعلية. ومع ذلك ، تذكر أنه كلما كانت اللغة أكثر تقدماً ، زادت تعقيدها ، والفرص الأكبر هي أن زاحف الويب قد يجد صعوبة في قراءة وتفسير وتجميع.
قد لا يكون أي شيء مشفر في HTML هو أجمل النظر إليه ، ولكنه سيتم تحميله بشكل أسرع ويكون أكثر تحسينًا لمحركات البحث لسبب بسيط هو أن محركات البحث يمكنها قراءتها وفهمها بشكل أسرع.
فكر في HTML العادي باعتباره الهيكل العظمي للعظام لصفحة الويب الخاصة بك. يمكنك إضافة CSS و JavaScript لتجسيدها وجعلها تبدو جمالية وديناميكية ، ولكن سيكون من الأفضل الحفاظ على المحتوى الأكثر أهمية داخل الهيكل العظمي بدلاً من وضعه في الجسد.
فكيف ننفذ HTML العادي؟ إحدى الطرق البسيطة للقيام بذلك هي وضع الجسم الرئيسي للمحتوى الخاص بك في الداخل<article> علامات HTML.
بهذه الطريقة ، عندما تواجه زحف الويب<article> العلامة ، وهم يعرفون على الفور أن ما يلي هو أهم محتوى في صفحتك - المقالة الإخبارية. يساعد هذا محرك البحث على فهم أن المحتوى ملفوف ضمن هذه العلامة يجب تعيين وزن أكبر.
HTML عادي<article> العلامة هي علامة دلالية تشبه هذا:
المصدر: https://en.wikipedia.org/wiki/article_element
السؤال الواضح التالي؟ إذا كنت أستخدم CMS مثل WordPress ، فأين أدخل هذه العلامات؟
كيفية القيام بذلك: إذا كنت تقوم ببناء موقع ويب مخصص باستخدام HTML ، فيمكنك التحقق من الرمز المصدر لضمان استخدام HTML العادي ، وخاصة في المناطق الحرجة. ننصح التحدث بمزيد من التفصيل مع مطور لضمان عدم تواجدك عن طريق الصدفة.
إذا كنت تستخدم WordPress ، راجع هذا الدليل . يمكنك أيضًا العثور على هذا الدليل حول كيفية إدخال HTML في المشاركات والصفحات مصدر مرجعي مفيد.
هذه التعليمات مخصصة لـ WordPress حيث تظل WordPress أكثر CMS شعبية للناشرين. إذا كنت تستخدم CMS مختلفة مثل WIX ، فيرجى الرجوع إلى صفحة الدعم أو الوثائق لـ CMS.
إذا كان لديك إمكانية الوصول إلى فريق من مطوري الويب ، فمن الأفضل أن تجعلهم يفعلون ذلك لأن تحرير رمز HTML يمكن أن يستغرق وقتًا طويلاً.
اختبار للتأكد من أن المحتوى الخاص بك يظهر بشكل صحيح في جميع المتصفحات والأجهزة والأحجام. هذا واحد أكثر وضوحا ولكن غالبا ما يتم تجاهله. إذا لم يظهر المحتوى الخاص بك بالطريقة التي تريدها عبر جميع المتصفحات والأجهزة ، فسيؤثر ذلك على تجربة المستخدم ، وعلى المدى الطويل ، تصنيفات SERP الخاصة بك.
كيفية القيام بذلك: لاختبار المحتوى عبر الأنظمة الأساسية ، تحتاج إلى فتح صفحتك في أجهزة مختلفة وفي متصفحات مختلفة لمعرفة كيفية تقديمها.
على الأقل ، يجب عليك اختبار ما يلي:
تساعد علامات HTML في تسليط الضوء على العناصر المختلفة لصفحتك. تساعد البيانات المنظمة محركات البحث على قراءة ما هو داخل العناصر المختلفة لصفحتك وفهم محتواه بشكل أفضل.
البيانات المهيكلة هي ببساطة سلسلة من الإرشادات المكتوبة بلغة بسيطة ، مثل JSON-LD ، والتي يمكن إدراجها ضمن رمز HTML الحالي في صفحة الويب الخاصة بك. فكر في الأمر مثل وصف التعريف ، ولكن بالنسبة للقطع الفردية من المحتوى على صفحتك.
في المثال أدناه ، تساعد البيانات المنظمة Google في تحديد خمس سمات حول صفحة DBPedia على John Lennon:
المصدر: https://json-ld.org/
كما ترون ، فإن الكود بلغة بسيطة سهلة لكل من القارئ البشري والزاحف على شبكة الإنترنت.
إليك مثال آخر يوضح كيف يمكن أن تتناسب البيانات المنظمة مباشرة مع رمز HTML الحالي لصفحة الويب الخاصة بك. يتم تمييز تعليمات البيانات المهيكلة باللون الأخضر.
المصدر: المطورين. google.com
في هذا المثال ، تخبر البيانات المهيكلة GoogleBot أن هذه صفحة وصفة حول شكل كعكة القهوة شخص يسمى ماري ستون.
يوفر استخدام البيانات المنظمة في تصميم موقع الويب الخاص بك نتائج قابلة للقياس. على سبيل المثال ، يمكن أن يؤدي استخدام البيانات المهيكلة إلى زيادة معدل النقر إلى طريق الموقع (CTR) بنسبة تصل إلى 30 ٪.
يساعد استخدام البيانات المهيكلة أيضًا على تصنيف صفحتك بشكل أفضل على Carousels من Google ، ومقتطفات مميزة ومقاطع فيديو وميزات لوحة المعرفة.
بالنسبة لـ Google News SEO ، من المهم تضمين العناصر التالية عند إنشاء بيانات منظمة لتوفير قيمة إضافية:
كيفية القيام بذلك: يمكنك إضافة بيانات/مخطط منظم إلى المحتوى الخاص بك إما يدويًا أو باستخدام مكون إضافي لـ CMS الخاص بك.
يجب ترتيب جميع عناصر مقالك الإخباري بترتيب محدد للسماح بالزحف بشكل أسرع وأسهل. الأمر كما يلي:
تجربة الصفحة هي مقياس لكيفية تجربة المستخدمين لصفحتك. لدى Google مجموعة من المعلمات لقياس تجربة الصفحة. لقد خصصنا وحدة كاملة لعوامل تجربة الصفحة ، لذلك سننظر بإيجاز فقط إلى كل منها هنا.
كيفية القيام بذلك: يمكنك اختبار تجربة الصفحة يدويًا أو باستخدام الإضافات أو تطبيقات الطرف الثالث. على سبيل المثال ، Beage Speed Insights أداة مفيدة تساعدك على تحليل أداء موقعك استنادًا إلى CWV والمعلمات الأخرى ويعين درجة بناءً على تحليلها. كما أنه يختبر كل من استجابة الأجهزة المحمولة وسطح المكتب.
يجب ألا ينشر ناشرو الأخبار مقالات إخبارية متعددة تحت عنوان URL نفسه. هذا سوف يعيق جوجل من فهرسة لها. يجب أن يكون لكل مقال إخباري عنوان URL الفريد الخاص به.
علاوة على ذلك ، يجب أن تكون عناوين URL هذه دائمة. مما يعني أنه ينبغي عرض نفس القصة الإخبارية على عنوان URL معين. إذا تغيرت قصة الأخبار المرتبطة بعنوان URL معين بشكل متكرر ، فلن تتمكن Google من الزحف وفهرستها. ومع ذلك ، يجب على الناشرين تحديث القصة الإخبارية كلما دعت الحاجة.
إذا كانت هناك حاجة إلى استخدام عمليات إعادة التوجيه في المقالات الإخبارية ، فيجب تنفيذها وفقًا لأفضل الممارسات التالية:
على الرغم من أن عناصر الإجراء المذكورة في هذا القسم ليست مهمة مثل تلك المذكورة أعلاه ، إلا أننا ما زلنا نوصي بتنفيذ أكبر عدد ممكن من هذه الأشياء بمجرد معالجة النقاط الحرجة المذكورة أعلاه.
ال<head> يحتوي عنصر الصفحة على معلومات مهمة حول الصفحة التي لم يتم عرضها بالفعل على الصفحة. ما يتضمنه بيانات التعريف التي تساعد GoogleBot على تحديد محتويات الصفحة وتصنيفها.
كقاعدة عامة ،<head> يجب أن يتضمن العنصر فقط أهم العلامات ولا شيء آخر ، لذلك يمكن زحف المنشور وتقديمه بشكل صحيح. وتشمل هذه:
أي شيء آخر موجود داخل<head> من المحتمل أن يخلط العنصر في زحفات الويب.
على سبيل المثال، من الشائع أن يخلط المبتدئون بين علامة العنوان و<h1 style=";text-align:right;direction:rtl"> ووضع الأخير داخل<head> العنصر. كما تم شرحه سابقًا،<head> لا يمكن للعنصر أن يحتوي إلا على بيانات وصفية لا يتم عرضها على الصفحة.
على الرغم من أن العنوان و<h1 style=";text-align:right;direction:rtl"> يجب أن يحتوي على نفس المعلومات بشكل أساسي، فالأولى عبارة عن بيانات وصفية مخصصة لبرامج الزحف على الويب والتي سيتم عرضها ضمن نتائج SERP وعلامة تبويب المتصفح، بينما الثانية عبارة عن معلومات سيتم عرضها على الصفحة.
يوضح الكود أدناه كيفية وضع العنوان داخل<head> عنصر.
المصدر: مطور. mozilla.org
إن استخدام عناصر الصفحات التي تجعل من السهل مسح المحتوى وجعل التنقل تجربة بدون احتكاك للمستخدم تؤثر أيضًا على كبار المسئولين الاقتصاديين.
سوف تحتوي صفحة سهلة التنقل على هذه العناصر:
ما لم تكن مطور ويب متمرس ، فمن الأفضل استشارة خبير في أفضل طريقة لتنفيذ UX سهلة الاستخدام.
تريد Google أن يعرض الناشرين إعلانات دون تعطيل تجربة المستخدم. لهذا السبب ، قد يعاقب مواقع الويب التي تعرض الكثير من الإعلانات المتطفلة. على الرغم من أن تجربة المستخدم هي مقياس شخصي ، فإن Google لديها بعض الإرشادات وأفضل الممارسات عندما يتعلق الأمر بالإعلانات.
بعضهم يرتبط بـ:
لمعرفة المزيد عن الإعلانات والنوافذ المنبثقة ، راجع الوحدة التفصيلية .
تعد JavaScript رائعة لإنشاء محتوى ديناميكي وتفاعلي ، لكن زحف الويب قد يواجهون صعوبة في تقديمه.
هذا لأنه:
مع المقالات الإخبارية ، من الممارسات الجيدة تجنب الانقطاعات مثل Carousels المقالة ذات الصلة أو معارض الصور.
العديد من الناشرين الذين يثيرون القلق جيدًا عند إعادة تشغيل/إعادة تصميم موقعهم ، لأنها تتطلب من Google تجنيد الموقع. اتبع أفضل الممارسات لضمان الانتقال السلس إلى الطبيعة بعد إعادة التصميم/إعادة التشغيل:
حافظ على صفحات المقال الخاصة بك بقدر الإمكان. لقد بحثنا بالفعل في تجنب JavaScript في المقالات ، ولكن من الممارسات الجيدة أيضًا تجنب استخدام محتوى HTML الثقيل.
هذا لأنه عندما يزحف Googlebot صفحتك ، يمكنه فقط تنزيل بيانات الصفحة 15 ميجابايت فقط في الزحف الأول. بالنسبة لمعظم الصفحات ، فإن هذه ليست مشكلة رئيسية حيث يتم الرجوع إلى عناصر الوزن الثقيلة مثل مقاطع الفيديو والصور بشكل منفصل ضمن الكود الذي يفهسته GoogleBot لاحقًا ، وبالتالي فهي خارج نطاق هذا الحد البالغ 15 ميجابايت.
ومع ذلك ، فإن هذا يشير مرة أخرى إلى حقيقة أنه كلما كانت صفحتك أخف وزناً ، كلما كان من السهل على GoogleBOT الزحف وفهرسها.
نصيحة: إذا كنت ترغب في التحقق من حجم صفحتك ، فانتقل إلى صفحة أدوات مطور المستعرض الخاص بك ، ثم قم بالتبديل إلى علامة تبويب الشبكة ، ثم إعادة تحميل الصفحة. هذا يعرض جميع الطلبات التي يتم تقديم متصفحك لتقديم الصفحة بالكامل. يعرض الطلب الأول في هذه القائمة حجم صفحتك ضمن عمود الحجم. بالنسبة لمعظم الصفحات على الإنترنت ، يكون هذا الرقم عادةً بالكيلوبايت.
تمنح مقتطفات المقالة القراء معاينة للمحتوى على الصفحة قبل النقر عليها. تحدد Google المقتطف للذهاب مع كل مقالة عن طريق تزحف النص في الهيئة الرئيسية للمقالة أسفل العنوان مباشرة.
لتجنب إمكانية GoogleBot بما في ذلك قصاصات غير صحيحة ، تأكد من ذلك:
في بعض الأحيان ، قد تفشل GoogleBot في فهرسة صورتك أو فهرسة صورة مختلفة عن الصورة التي تنوي عرضها مع مقالتك. لتجنب ذلك ، اتبع أفضل الممارسات:
تستخدم GoogleBot عنوان مقالتك لتحديد وفهرسها بشكل صحيح. استخدم أفضل الممارسات التالية لضمان قراءة عنوانك بدقة:
دعونا نلقي نظرة على دراستين للمواقع التي نفذت بالفعل الخطوات التي تمت مناقشتها في هذه المقالة.
إن مواقع الأخبار الحديثة معقدة وغنية ، وسيكون من غير الواقعي توقعها أن تلتزم هذه الإرشادات بدقة. ومع ذلك ، في هذا القسم ، نحاول توضيح كيف يمكن لاتباع الإرشادات أن يؤدي إلى نتائج يمكن التنبؤ بها وقابلة للقياس.
The Manly Observer هو موقع أخبار فرطية يخدم الجماهير في إحدى ضواحي سيدني الشهيرة في Sydney ، أستراليا. فيما يلي ما يشبه مقال إخباري نموذجي على الموقع:
نرى العناصر التالية من التصميم واضحة وحاضرة للوهلة الأولى:
بالنظر إلى رمز HTML الخاص بالصفحة ، يمكننا أن نرى استخدام العلامات الدلالية.
هذا هو الكود الذي يمكن قراءته بسهولة من قبل الإنسان. من الآمن افتراض أن زاحف الويب سيكون قادرًا على قراءة هذا الرمز وتفسيره بسهولة متساوية.
يستخدم موقع الويب مخطط HTTPS: // وليس لديه إعلانات منبثقة أو تحميل خلالي داخل منفذ العرض الأولي.
رجل الأعمال مجلة شهيرة لأصحاب المشاريع والشركات. هكذا تظهر صفحتها الرئيسية.
الموقع الإلكتروني سريع التحميل ولا توجد إعلانات أو مقاطع فيديو منبثقة على الصفحة الرئيسية نفسها. يحدث معظم وضع الإعلان على المقالات الإخبارية الفردية.
عندما ننقر على "عرض المصدر" ، نرى رمز HTML التالي:
في لمحة ، يمكننا جعل ما يلي من هذا الرمز:
أثناء التمرير لأسفل ، نرى عنصر الكود التالي:
ناقشنا استخدام Schema.org و OpenGraph (OG) للصور. لتلخيص ، Schema.org و OG من أنواع البيانات المنظمة التي تساعد على زحف الويب على تحديد عناصر محددة من الكود بسهولة أكبر. نرى Schema.org و OG تنفذ هنا.
علاوة على ذلك ، نرى أيضًا علامات بيانات منظمة كما هو موضح أدناه:
كما هو الحال مع مثالنا السابق ، يستخدم Entrepreneur.com أيضًا مخطط HTTPS: // في ارتباطه ، ولا يحتوي على خلاليات أو منبثقة مزعجة ، وهو سريع التحميل. تتبع المقالات الإخبارية تنسيقًا محددًا من العنوان والصورة وإسناد المؤلف والتاريخ والهيئة الرئيسية للمحتوى. ينتج عن هذا تجربة أفضل في صفحة ، وبالتالي تحسين تحسين محركات البحث التقنية.
بعد العمل من خلال هذا الدرس ، يجب أن تكون قادرًا على مراجعة وتحديث صفحات الأخبار الحالية لتحسين تصميمها وتخطيطها للالتزام بأفضل ممارسات SEO الفنية.