استراتيجيات نمو الناشرين خلال موسم الانتخابات | ندوة عبر الإنترنت
استراتيجيات نمو الناشرين خلال موسم الانتخابات | ندوة عبر الإنترنت
بعد الاطلاع على هذا الدليل، ستتمكن من فهم كيفية تعديل وإنشاء المقالات الإخبارية الموجودة باستخدام تصميمات تخطيط الصفحات التي تُحسّن قدرة جوجل على الزحف إلى محتوى الصفحة وفهمه.
مدة الفيديو
15:35
أجب عن الاختبار
قم بإجراء اختبار الوحدة الحالي
مواد
قوالب جاهزة للاستخدام
موارد
التقارير والموارد
2.1.1 ما هو التصميم والتخطيط؟
يُحدد تصميم موقعك الإلكتروني وتخطيطه كيفية ظهوره للمستخدم النهائي. وهذا أمر بالغ الأهمية لأن جوجل تعتمد في جوهرها على فلسفة تُعطي الأولوية للمستخدم. فالصفحات التي تُلبّي احتياجات المستخدم أولاً، وبسرعة، وبأبسط طريقة ممكنة، تُكافأ بترتيب أعلى في نتائج البحث.
يُحدد تصميم موقعك وتخطيطه مدى سهولة زحف برامج الزحف على الويب، مثل روبوت جوجل، إليه وفهرسته. فالتصميم والتخطيط البسيط والمُحسّن يُسهّلان عملية الزحف، مما يُحسّن بدوره ترتيب موقعك في نتائج البحث.
إذن، ما الذي يمنع الناشرين من تطبيق أفضل الممارسات في التصميم والتخطيط؟ في أغلب الأحيان، يواجه الناشرون هذه المشكلات:
للإجابة على هذا السؤال، قمنا بإجراء بحث بسيط على جوجل بإدخال الكلمات الرئيسية "أخبار تشارلي بوث" في شريط البحث.
إليكم نتائج البحث:
تحتل مقالة صحيفة "ديلي إيليني" التي تتناول أحدث إصدارات تشارلي بوث المرتبة الثانية في تصنيف أهم الأخبار في نتائج البحث، مباشرة فوق مقالة نشرتها مجلة "إن إم إي".
إن حقيقة تفوق صحيفة "ديلي إيليني"، وهي صحيفة طلابية جامعية، على أكبر موقع إلكتروني موسيقي مستقل في العالم، تثير بعض التساؤلات المهمة
كيف لصحيفة طلابية في بلدة يبلغ عدد سكانها حوالي 40 ألف نسمة في الغرب الأوسط الأمريكي أن تتفوق على أكبر موقع إخباري موسيقي في العالم؟ بدافع الفضول، قررنا البحث أكثر.
في البداية، اطلعنا على صفحة مجلة NME الخاصة بتشارلي بوث.
أول ما نلاحظه فورًا هو الفيديو المنبثق الذي يحاول التحميل في الزاوية اليمنى السفلية من الشاشة. من الواضح أنه لا يتم تحميله بشكل جيد. كما أن الفيديو المتوقف يحجب جزءًا من عنوان الخبر ومحتواه.
بعد ذلك، نلاحظ أن الجزء الأمامي من الصفحة يشغله في الغالب محتوى لا علاقة له بالخبر. فهناك إعلان كبير يغطي نصف الصفحة تقريبًا، وبالطبع هناك الفيديو.
في الواقع، عند التمرير لأسفل الصفحة، نجد المزيد من مقاطع الفيديو، والمزيد من الصور الكبيرة والغنية، والمزيد من الإعلانات المنبثقة، والكثير من الروابط التشعبية. ونظرًا لغنى الصفحة بالوسائط، فليس من المستغرب أن يستغرق تحميلها وقتًا طويلاً.
ثم قمنا بتفتيش صحيفة "ديلي إيليني"، وإليكم ما وجدناه.
![ثم قمنا بتفتيش صحيفة "ديلي إيليني"، وإليكم ما وجدناه](https://stateofdigitalpublishing.com/wp-content/uploads/2023/01/We-next-inspected-the-Daily-Illini-and-heres-what-we-found.png "ثم قمنا بتفتيش صحيفة "ديلي إيليني"، وإليكم ما وجدناه")
الصفحة أنيقة ونظيفة ومنظمة. تحتوي على بعض الإعلانات وزر تبرع كبير في الأعلى، لكن لا توجد فيديوهات أو نوافذ منبثقة تحجب الرؤية أو تعيق قراءة عنوان الخبر. يمكننا رؤية العنوان مباشرةً، ومن المرجح أن ينطبق الأمر نفسه على برنامج زحف الويب الخاص بجوجل.
بشكل عام، الصفحة خفيفة وبسيطة وسريعة التحميل للغاية.
قررنا إلقاء نظرة فاحصة على الكود البرمجي الأساسي. بالنقر بزر الفأرة الأيمن على الصفحة واختيار "عرض المصدر" (أثناء استخدام متصفح كروم)، يمكننا رؤية كود الصفحة.
هذا ما رأيناه في صفحة NME:
لفت انتباهنا أمران هنا:
هذا ليس أفضل شيء للصفحة لسببين:
أما عندما نظرنا إلى شفرة صفحة "ديلي إيليني" من ناحية أخرى، فقد رأينا ما يلي:
![أما عندما نظرنا إلى شفرة صفحة "ديلي إيليني" من ناحية أخرى، فقد رأينا هذا](https://stateofdigitalpublishing.com/wp-content/uploads/2023/01/When-we-looked-at-the-code-for-the-Daily-Illini-page-on-the-other-hand-we-saw-this.png "أما عندما نظرنا إلى شفرة صفحة "ديلي إيليني" من ناحية أخرى، فقد رأينا هذا")
هذا كود HTML بسيط للغاية. كما لا توجد أي نصوص برمجية قيد التشغيل داخله.<head> قسم.
كيف يؤدي كل هذا إلى تفوق صحيفة "ديلي إيليني" على موقع "إن إم إي"؟
ربما توجد عدة عوامل مؤثرة هنا، من بينها التصميم والتخطيط. تستخدم صفحة "ديلي إيليني" تقنيات تصميم وتخطيط معينة يمكن حتى للناشرين الصغار محاكاتها بسهولة لتعزيز استراتيجية تحسين محركات البحث الشاملة لديهم.
وتشمل هذه الأمور استخدام كود 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"> يشير إلى القسمة، وكل ما يعنيه هو أن قسمًا جديدًا من القانون قد بدأ، دون الكشف بالضرورة عن أي معلومات حول محتويات هذا القسم.
تُبنى برامج زحف الويب مثل Googlebot باستخدام الذكاء الاصطناعي وخوارزميات التعلم الآلي التي تحاول محاكاة عمل الدماغ البشري. وهذا يعني أنها تفهم النصوص بنفس الطريقة التي يفهمها بها الدماغ البشري.
يجب أن يكون كود HTML الذي يسهل على البشر فهمه سهلاً أيضاً على برنامج زحف الويب الخاص بجوجل فهمه.
كمثال على ذلك، انظر إلى جزئي كود 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، فإن هذه الصفحة لديها فرصة أفضل للظهور في مرتبة أعلى من الصفحة السابقة، مع تساوي جميع العوامل الأخرى.
للتأكد من استخدام صفحتك لعلامات دلالية، انقر بزر الماوس الأيمن على الصفحة إذا كنت تستخدم متصفح جوجل كروم، ثم انقر على "فحص". ستتمكن من رؤية شفرة 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
والسؤال البديهي التالي؟ إذا كنت أستخدم نظام إدارة محتوى مثل ووردبريس، فأين أدرج هذه الوسوم؟
كيفية القيام بذلك: إذا كنتَ تُنشئ موقعًا إلكترونيًا مُخصصًا باستخدام لغة HTML، فيمكنك مراجعة شفرة المصدر للتأكد من استخدامها لغة HTML الأساسية، خاصةً في الأجزاء الحساسة. ننصحك بالتحدث بتفصيل أكبر مع مُطور الموقع لضمان عدم تعطيل وظائفه عن غير قصد.
إذا كنت تستخدم ووردبريس، فراجع هذا الدليل . قد تجد أيضًا هذا الدليل حول كيفية إدراج أكواد HTML في المنشورات والصفحات مرجعًا مفيدًا.
هذه التعليمات مخصصة لنظام ووردبريس، حيث لا يزال ووردبريس نظام إدارة المحتوى الأكثر شيوعًا بين الناشرين. إذا كنت تستخدم نظام إدارة محتوى آخر مثل ويكس، فيُرجى مراجعة صفحة الدعم أو صفحة التوثيق الخاصة بنظامك.
إذا كان لديك فريق من مطوري الويب، فمن الأفضل أن يقوموا بذلك لأن تعديل كود HTML قد يستغرق وقتاً طويلاً.
اختبر محتواك للتأكد من ظهوره بشكل صحيح على جميع المتصفحات والأجهزة وأحجام الشاشات. هذا الأمر بديهي ولكنه غالبًا ما يُغفل عنه. إذا لم يظهر محتواك بالشكل المطلوب على جميع المتصفحات والأجهزة، فسيؤثر ذلك سلبًا على تجربة المستخدم، وعلى المدى البعيد، على ترتيب موقعك في نتائج محركات البحث.
كيفية القيام بذلك: لاختبار المحتوى عبر المنصات، تحتاج إلى فتح صفحتك في أجهزة مختلفة وفي متصفحات مختلفة لمعرفة كيفية عرضها.
كحد أدنى، يجب عليك إجراء الاختبارات التالية:
تساعد علامات HTML في إبراز العناصر المختلفة لصفحتك. وتساعد البيانات المنظمة محركات البحث على قراءة محتوى العناصر المختلفة لصفحتك وفهم محتواها بشكل أفضل.
البيانات المنظمة هي ببساطة سلسلة من التعليمات المكتوبة بلغة بسيطة، مثل JSON-LD، والتي يمكن إدراجها ضمن كود HTML الموجود لصفحة الويب الخاصة بك. تخيلها كوصف تعريفي، ولكن لمحتوى محدد على صفحتك.
في المثال أدناه، تساعد البيانات المنظمة جوجل في تحديد خمس سمات حول صفحة dbpedia الخاصة بجون لينون:
المصدر: https://json-ld.org/
كما ترون، فإن الكود مكتوب بلغة بسيطة يسهل على كل من القارئ البشري وبرنامج زحف الويب فهمها.
إليك مثال آخر يوضح كيف يمكن دمج البيانات المنظمة بسلاسة في كود HTML الحالي لصفحة الويب الخاصة بك. تم تمييز تعليمات البيانات المنظمة باللون الأخضر.
المصدر: developers.google.com
في هذا المثال، تخبر البيانات المنظمة برنامج Googlebot أن هذه صفحة وصفة لكعكة القهوة من شخص يُدعى ماري ستون.
يُحقق استخدام البيانات المنظمة في تصميم موقعك الإلكتروني نتائج قابلة للقياس. على سبيل المثال، يُمكن أن يزيد استخدام البيانات المنظمة من نسبة النقر إلى الظهور (CTR) للموقع بنسبة تصل إلى 30%.
كما أن استخدام البيانات المنظمة يساعد صفحتك على الظهور بشكل أفضل في قوائم جوجل الدوارة، والمقتطفات المميزة، ومقاطع الفيديو، وميزات لوحة المعرفة.
لتحسين محركات البحث في أخبار جوجل، من المهم تضمين العناصر التالية عند إنشاء البيانات المنظمة لتوفير قيمة إضافية:
كيفية القيام بذلك: يمكنك إضافة بيانات منظمة/مخطط إلى المحتوى الخاص بك إما يدويًا أو باستخدام مكون إضافي لنظام إدارة المحتوى الخاص بك.
يجب ترتيب جميع عناصر مقالك الإخباري بترتيب محدد لتسهيل وتسريع عملية فهرسة المحتوى. الترتيب كالتالي:
تجربة الصفحة هي مقياس لكيفية تفاعل المستخدمين مع صفحتك. لدى جوجل مجموعة من المعايير لقياس تجربة الصفحة. لقد خصصنا وحدة كاملة لعوامل تجربة الصفحة ، لذا سنلقي نظرة سريعة على كل منها هنا.
كيفية القيام بذلك: يمكنك اختبار تجربة المستخدم للصفحة يدويًا أو باستخدام الإضافات أو تطبيقات خارجية. على سبيل المثال، Page Speed Insights أداةً مفيدةً تُساعدك على تحليل أداء موقعك الإلكتروني بناءً على مؤشر CWV ومعايير أخرى، وتُخصّص درجةً بناءً على هذا التحليل. كما تختبر الأداة استجابة الموقع على كلٍّ من الأجهزة المحمولة وأجهزة الكمبيوتر المكتبية.
ينبغي على ناشري الأخبار عدم نشر عدة مقالات إخبارية تحت نفس الرابط الإلكتروني، لأن ذلك سيمنع جوجل من فهرستها. يجب أن يكون لكل مقال إخباري رابط إلكتروني فريد خاص به.
علاوة على ذلك، ينبغي أن تكون هذه الروابط ثابتة، أي أن يظهر الخبر نفسه على رابط محدد. فإذا تغير الخبر المرتبط برابط معين بشكل متكرر، فلن تتمكن جوجل من فهرسته. لذا، ينبغي على الناشرين تحديث الخبر كلما دعت الحاجة.
إذا لزم استخدام عمليات إعادة التوجيه للمقالات الإخبارية، فينبغي تنفيذها وفقًا لأفضل الممارسات التالية:
على الرغم من أن بنود العمل المدرجة في هذا القسم ليست بنفس أهمية البنود المذكورة أعلاه، إلا أننا ما زلنا نوصي بتنفيذ أكبر عدد ممكن منها بمجرد معالجة النقاط الحرجة للمهمة المذكورة أعلاه.
ال<head> يحتوي عنصر الصفحة على معلومات مهمة عنها لا تظهر فعلياً على الصفحة نفسها. ويشمل هذا العنصر بيانات وصفية تساعد برنامج Googlebot على تحديد محتوى الصفحة وتصنيفها.
كقاعدة عامة،<head> يجب أن يتضمن العنصر أهم الوسوم فقط، حتى يتمكن النظام من فهرسة المنشور وعرضه بشكل صحيح. وتشمل هذه الوسوم ما يلي:
أي شيء آخر موجود داخل<head> من المحتمل أن يُربك هذا العنصر برامج زحف الويب.
على سبيل المثال، من الشائع أن يخلط المبتدئون بين علامة العنوان و<h1 style=";text-align:right;direction:rtl"> وضع الأخير داخل<head> العنصر. كما سبق شرحه، فإن<head> لا يمكن أن يحتوي العنصر إلا على بيانات وصفية لا يتم عرضها على الصفحة.
على الرغم من العنوان و<h1 style=";text-align:right;direction:rtl"> ينبغي أن تحتوي على نفس المعلومات بشكل أساسي، فالأولى عبارة عن بيانات وصفية مخصصة لبرامج زحف الويب ويتم عرضها ضمن نتائج محرك البحث وعلامة تبويب المتصفح، بينما الثانية عبارة عن معلومات يتم عرضها على الصفحة.
يوضح الكود أدناه كيفية وضع العنوان داخل<head> عنصر.
المصدر: developer.mozilla.org
إن استخدام عناصر الصفحة التي تسهل مسح المحتوى وتجعل التنقل تجربة سلسة للمستخدم يؤثر أيضًا على تحسين محركات البحث.
ستحتوي الصفحة سهلة التصفح على هذه العناصر:
ما لم تكن مطور ويب متمرسًا، فمن الأفضل استشارة خبير حول أفضل طريقة لتنفيذ تجربة مستخدم سهلة الاستخدام.
ترغب جوجل في أن يعرض الناشرون الإعلانات دون التأثير سلبًا على تجربة المستخدم. ولهذا السبب، قد تُعاقب المواقع الإلكترونية التي تعرض عددًا كبيرًا من الإعلانات المتطفلة. ورغم أن تجربة المستخدم تُعتبر معيارًا شخصيًا، إلا أن جوجل لديها إرشادات وممارسات مُثلى مُحددة فيما يتعلق بالإعلانات.
بعضها يتعلق بما يلي:
للمزيد من المعلومات حول الإعلانات والنوافذ المنبثقة، يرجى الرجوع إلى وحدتنا التفصيلية .
تُعد لغة جافا سكريبت رائعة لإنشاء محتوى ديناميكي وتفاعلي، ولكن قد تواجه برامج زحف الويب صعوبة في عرضه.
وذلك لأن:
من الممارسات الجيدة في المقالات الإخبارية تجنب المقاطعات مثل عروض المقالات ذات الصلة أو معارض الصور.
يشعر العديد من الناشرين الناجحين بالقلق عند إعادة إطلاق/تصميم مواقعهم الإلكترونية، لأن ذلك يتطلب من جوجل إعادة فهرسة الموقع. اتبع أفضل الممارسات التالية لضمان انتقال سلس إلى الوضع الطبيعي بعد إعادة التصميم/إعادة الإطلاق:
اجعل صفحات مقالاتك خفيفة قدر الإمكان. لقد تطرقنا سابقًا إلى تجنب استخدام جافا سكريبت في المقالات، ولكن من الممارسات الجيدة أيضًا تجنب استخدام محتوى HTML كثيف.
يعود السبب في ذلك إلى أن برنامج Googlebot، عند زحفه إلى صفحتك، لا يستطيع تنزيل أكثر من 15 ميجابايت من بيانات الصفحة في عملية الزحف الأولى. بالنسبة لمعظم الصفحات، لا تُشكل هذه المسألة مشكلة كبيرة، إذ تتم الإشارة إلى العناصر ذات الحجم الكبير، مثل مقاطع الفيديو والصور، بشكل منفصل ضمن الكود الذي يقوم Googlebot بفهرسته لاحقًا، وبالتالي فهي خارج نطاق حد الـ 15 ميجابايت.
ومع ذلك، يشير هذا مرة أخرى إلى حقيقة أنه كلما كانت صفحتك أخف وزنًا، كان من الأسهل على Googlebot الزحف إليها وفهرستها.
نصيحة: للتحقق من حجم صفحتك، انتقل إلى أدوات مطوري المتصفح، ثم إلى تبويب الشبكة، وأعد تحميل الصفحة. سيعرض هذا جميع الطلبات التي أرسلها المتصفح لعرض الصفحة بالكامل. يُظهر الطلب الأول في هذه القائمة حجم صفحتك في عمود "الحجم". في معظم صفحات الإنترنت، يكون هذا الحجم عادةً بالكيلوبايت.
تتيح مقتطفات المقالات للقراء معاينة محتوى الصفحة قبل النقر عليها. ويحدد جوجل المقتطف المناسب لكل مقال من خلال فهرسة النص الموجود في متن المقال أسفل العنوان مباشرةً.
لتجنب احتمال قيام برنامج Googlebot بتضمين مقتطفات غير صحيحة، تأكد مما يلي:
قد يفشل برنامج Googlebot أحيانًا في فهرسة صورتك، أو قد يفهرس صورة مختلفة عن تلك التي كنت تنوي عرضها مع مقالك. لتجنب ذلك، اتبع أفضل الممارسات التالية:
يستخدم برنامج Googlebot عنوان مقالتك لتحديدها وفهرستها بشكل صحيح. اتبع أفضل الممارسات التالية لضمان قراءة عنوانك بدقة:
دعونا نلقي نظرة على دراستي حالة لموقعين قاما بالفعل بتنفيذ الخطوات التي تمت مناقشتها في هذه المقالة.
مواقع الأخبار الحديثة معقدة وغنية بالمعلومات، ومن غير الواقعي توقع التزامها التام بهذه الإرشادات. مع ذلك، نسعى في هذا القسم إلى توضيح كيف يمكن أن يؤدي اتباع هذه الإرشادات إلى نتائج متوقعة وقابلة للقياس.
موقع "مانلي أوبزرفر" الإخباري هو موقع إخباري محلي للغاية، يستهدف جمهورًا في ضاحية شاطئية شهيرة بمدينة سيدني، أستراليا. فيما يلي نموذج لمقال إخباري على الموقع:
نلاحظ العناصر التصميمية التالية بوضوح وحضورها من النظرة الأولى:
بالنظر إلى كود HTML الخاص بالصفحة، يمكننا أن نرى استخدام الترميز الدلالي.
هذا كود يسهل على الإنسان قراءته. ومن الآمن افتراض أن برنامج زحف الويب سيتمكن من قراءة هذا الكود وتفسيره بنفس السهولة.
يستخدم الموقع الإلكتروني بروتوكول https:// ولا يحتوي على إعلانات منبثقة أو إعلانات بينية يتم تحميلها ضمن نافذة العرض الأولية.
"Entrepreneur" مجلة شهيرة لرواد الأعمال والشركات. هذه هي الصفحة الرئيسية لها.
يتميز الموقع بسرعة تحميل فائقة، ولا توجد إعلانات منبثقة أو مقاطع فيديو على الصفحة الرئيسية. وتتركز معظم الإعلانات على المقالات الإخبارية الفردية.
عند النقر على "عرض المصدر"، نرى كود HTML التالي:
بنظرة سريعة، يمكننا استنتاج ما يلي من هذا الكود:
أثناء التمرير لأسفل، نرى عنصر الكود التالي:
لقد ناقشنا استخدام schema.org وOpengraph (OG) للصور. باختصار، schema.org وOG نوعان من البيانات المنظمة التي تُسهّل على برامج زحف الويب تحديد عناصر مُحددة من الشفرة البرمجية. نرى هنا تطبيق schema.org وOG.
في الأسفل، نرى أيضًا علامات البيانات المنظمة كما هو موضح أدناه:
كما هو الحال في مثالنا السابق، يستخدم موقع entrepreneur.com بروتوكول https في رابطه، ولا يحتوي على إعلانات بينية أو نوافذ منبثقة مزعجة، ويتميز بسرعة تحميله. تتبع المقالات الإخبارية تنسيقًا محددًا يتضمن العنوان، والصورة، واسم المؤلف، والتاريخ، ومتن المحتوى. ينتج عن ذلك تجربة تصفح أفضل، وبالتالي تحسين تقني لمحركات البحث.
بعد إتمام هذا الدرس، يجب أن تكون قادراً على مراجعة وتحديث صفحات الأخبار الحالية لتحسين تصميمها وتخطيطها بما يتوافق مع أفضل ممارسات تحسين محركات البحث التقنية.
