٨. فهم كيفية تأثير اتش.تي.إم.إل على تحسين محركات البحث
نظريفي هذه الدروس، سوف تتعلم كيف يؤثر كود اتش.تي.إم.إل (HTML) الخاص بك على تحسين محرك البحث (SEO).
أ. ما هو دور الوصف التعريفي (Meta Description) وكيف يؤثر على محركات البحث (SEO)؟
تحسين محركات البحث (SEO - Search Engine Optimization) هو عملية تُحسّن صفحات الويب لزيادة ظهورها وترتيبها في نتائج البحث. إحدى طرق تحسين محركات البحث (SEO) لموقعك هي إضافة وصف موجز (short description) لصفحة الويب باستخدام عنصر "ميتا" (meta).
فيما يلي مثال لاستخدام عنصر "ميتا" (meta) لتعيين وصف الصفحة (page description) لموقع البستنة:
الكود :
code<meta name="description" content="اكتشف نصائح وتقنيات الخبراء للبستنة في المساحات الصغيرة، واختيار النباتات المناسبة، والحفاظ على حديقة مزدهرة." />
بضبط سمة الاسم (the name attribute) على الوصف (description)، يضمن ذلك أن تُفسّر المتصفحات ومحركات البحث (search engines) وأدوات الويب (web tools) الأخرى هذه البيانات الوصفية (metadata) بشكل صحيح. سمة المحتوى (The content attribute) هي المكان الذي ستضع فيه وصفك. يُنصح بأن تكون أوصافك قصيرة وموجزة (short and concise). هذا لأن محركات البحث (search engines) غالبًا ما تُقصّر الوصف بناءً على تصميم صفحة النتائج (page layout).
كما هو الحال مع أنواع أخرى من عناصر التعريف (meta elements)، لن يظهر وصف التعريف (meta description) على صفحة الويب نفسها. أحد الأماكن التي يمكن العثور فيها على وصف الصفحة (page description) هو مقتطف (snippet) صفحة نتائج محرك البحث (search engine).
فيما يلي بعض الأمثلة على مقتطفات (snippets) نتائج الصفحات لمجموعات "سوبريدديت" (subreddit) ومستودعات "چيت هاب" (Github) الخاصة بـ "فري.كود.كامب" (freeCodeCamp.org):
r\FreeCodeCamp: This is the official subreddit for the freeCodeCamp.org community.
code for free together with millions of other people...
Our full-stack web development and machine learning curriculum is completely free and self-
paced. We have thousands of interactive coding challenges to help you...
في الأمثلة، يظهر وصف كل صفحة أسفل روابط الموقع مباشرةً. في غضون ثوانٍ، يمكن للمستخدمين تكوين فكرة عامة (general sense) عن محتوى الصفحة، ثم النقر على الروابط لمزيد من المعلومات.
على الرغم من أن الأوصاف التعريفية (meta descriptions) لن تؤثر بشكل مباشر على ترتيب الموقع (site's ranking) في محرك البحث (search engine)، إلا أن وجود وصف قوي (strong description) قد يؤدي إلى زيادة عدد الزيارات (more traffic) إلى موقع الويب الخاص بك.
أسئلة :
ما هو العنصر المستخدم لتعيين وصف (description) صفحة الويب (web page)؟
أ. img ❌
ب. meta ✅
ج. slot ❌
د. figure ❌
ماذا تعني كلمة (SEO)؟
أ. Slot Engine Optimization ❌
ب. Site Enhancement Outreach ❌
ج. Social Engagement Optimization ❌
د. Search Engine Optimization ✅
أين يظهر وصف الصفحة (page's description) عادةً؟
أ. داخل عنصر الشكل (figure). ❌
ب. داخل عنصر التذييل (footer). ❌
ج. في صفحة نتائج محرك البحث. ✅
د. في رسالة تنبيه منبثقة. ❌
ب. ما هو دور علامات "اوپن ڨراف" (Open Graph) وكيف تؤثر على تحسين محركات البحث (SEO)؟
يُمكّنك بروتوكول "أوپن چراف" (open graph protocol) من التحكم في كيفية ظهور محتوى موقعك الإلكتروني عبر منصات التواصل الاجتماعي المختلفة (social media platforms)، مثل "فيسبوك" (Facebook) و"لينكدإن" (LinkedIn) وغيرها الكثير. بتعيين خصائص "أوپن چراف" (open graph) هذه، يمكنك جذب المستخدمين للنقر على محتواك والتفاعل معه. يمكنك تعيين هذه الخصائص من خلال مجموعة من عناصر التعريف (meta elements) داخل قسم اتش.تي.إم.إل الرئيسي (head).