كيفية إضافة العلامات الوصفية إلى رأس موقع الويب البيانات الوصفية بتنسيق HTML
البيانات الوصفية هي البطل المجهول في تحسين محركات البحث لموقع الويب. تابع هذا المقال للتأكد من أنك تضيف العلامات الوصفية بتنسيق HTML بالطريقة الصحيحة.
العلامات الوصفية، والمعروفة أيضًا باسم البيانات الوصفية، هي مقتطفات HTML تُستخدم في تطوير الويب لوصف المحتوى الموجود على صفحة الويب. لا تظهر العلامات الوصفية على الصفحات، ولكنها توجد بدلاً من ذلك ضمن الكود المصدري لموقع الويب، والمعروف أيضًا باسم كود HTML، الموجود في رأس موقع الويب. توفر هذه العلامات لمحركات البحث أوصافًا حول محتوى الصفحة لمساعدتها في تحديد موضوع الصفحة وتقديم الصفحات الأكثر صلة لمستخدمي محرك البحث.
يتم استخدام العلامات الوصفية في HTML في رأس الصفحة، مما يجعلها مرئية فقط لمحركات البحث وأولئك الذين يعرفون كيفية النظر إلى كود مصدر موقع الويب. تخبر البيانات الوصفية محركات البحث بالبيانات الموجودة على موقع الويب للمساعدة في ترتيب المحتوى الخاص بك على محركات البحث الشائعة مثل Google. لسوء الحظ، قد يكون من الصعب إضافة العلامات الوصفية إذا كنت لا تعرف كيفية إنشاء البيانات الوصفية لموقع الويب أو كود HTML.
ما هي علامة رأس HTML؟
علامة رأس HTML هي حاوية البيانات التعريفية. إنه يقع بين <html>علامة HTML وعلامات النص <body>. هذا هو الموقع الذي تضع فيه كافة العلامات الوصفية الخاصة بك بتنسيق HTML لتحديد العنوان والأنماط والمقاطع والمعلومات الأخرى. لا يتم عرض هذه المنطقة من الصفحة في متصفح الويب. وبدلاً من ذلك، تستخدم محركات البحث المعلومات لتحديد محتوى الصفحة، بما في ذلك عنوانها ومحتواها وكلماتها الرئيسية والمزيد. تستخدم المتصفحات المعلومات الموجودة في الرأس لعرض صفحة موقع الويب بشكل صحيح. على عكس الرأس، يتم عرض عنصر النص على الصفحة عند تحميله في المتصفح، لذلك يجب ألا يحتوي على أي بيانات وصفية.
أين هو رأس HTML؟
يقع رأس HTML بين علامة HTML وعلامة النص. عادةً ما تكون أصغر بكثير من علامة النص لأن وظيفتها الرئيسية هي احتواء البيانات الوصفية. يمكنك استخدام أدوات المطور في متصفح الويب الخاص بك للعثور على رأس HTML لأي صفحة موقع ويب.
ما هي البيانات الوصفية لموقع الويب؟
تعمل العلامات الوصفية في HTML كمعلومات مهمة لمحركات البحث. . يتم استخدامها لوصف عناصر HTML وإيصال محتوى موقع الويب لمحركات البحث. تتضمن البيانات التعريفية لموقع الويب عناوين الصفحات والأوصاف والكلمات الرئيسية والمزيد لمساعدة محركات البحث في الزحف إلى صفحات الويب وتصنيفها. تقوم محركات البحث بتفسير البيانات والمعلومات الموجودة على صفحات موقع الويب لتحديد مدى ملاءمتها لاستعلام بحث المستخدم. تلعب الكلمات الرئيسية داخل النص والروابط الخلفية للصفحة أدوارًا أساسية، لكن البيانات الوصفية تشرح الغرض العام للصفحة للسماح لها بتصنيف الكلمات الرئيسية.
يمكن للعلامات الوصفية تحسين جهود تحسين محركات البحث لمساعدة محركات البحث على فهم الغرض من الصفحة. ومع ذلك، ليست كل العلامات الوصفية مصممة لأغراض تحسين محركات البحث.
يمكنك إضافة البيانات الوصفية إلى رأس موقع الويب بعدة طرق مختلفة. أولاً، ستحتاج إلى الوصول إلى القسم الرئيسي لملف HTML. يمكنك تنزيله وتحريره باستخدام محرر نصوص أو إنشاء ملف جديد. يمكنك أيضًا اختيار إضافة الملف أو تحريره في cPanel File Manager. بمجرد حصولك على ملف HTML، حدد موقع قسم الرأس في الأعلى. اعتمادًا على كيفية تطوير الصفحة، قد يكون لديك بالفعل علامة عنوان وأنواع أخرى من العلامات الوصفية.
إذا لم تكن مطور مواقع ويب، فقد تتمكن من استخدام مكون WordPress الإضافي مثل SEOPress أو Yoast لإضافة العلامات الوصفية إلى صفحات الويب الخاصة بك بسهولة.
علامة العنوان
علامة العنوان هي ما يتم عرضه على صفحات نتائج محركات البحث (SERPs) كعنوان لصفحة الويب الخاصة بك. يجب أن يكون لكل صفحة على موقع الويب الخاص بك عنوان فريد. لا ينبغي الخلط بين العنوان وعلامة H1 الموجودة داخل نص الصفحة ويمكن أن تكون بمثابة عنوان للمحتوى الموجود على الصفحة. يجب أن تكون علامات العنوان حوالي 50-60 حرفًا لتجنب اقتطاعها في محركات البحث.
يمكنك إضافة عنوان إلى صفحة ويب عن طريق العثور على <title>العلامة داخل الكود المصدري وإدخال الكلمات. عند الانتهاء من إضافة علامة العنوان الخاصة بك، يجب أن تبدو كما يلي:
<title>العنوان يذهب هنا</title>
تعد علامات العنوان مهمة لأنها تساعد محركات البحث في تحديد محتوى صفحة الويب، مما يساعدها في النهاية على تحديد ما إذا كان سيتم ترتيب صفحتك لاستعلام معين أم لا. تظهر علامات العنوان أيضًا في علامات تبويب المتصفح لمساعدتك في التنقل في متصفحك.
يجب أن تستخدم علامات العنوان الفعالة كلماتك الرئيسية المستهدفة لمساعدة محركات البحث في ترتيب الصفحة. ومع ذلك، يجب عليهم أيضًا حث المستخدمين على النقر لقراءة مقالاتك أو صفحات الويب الخاصة بك. يجب أن تظهر الكلمات الرئيسية ذات الأولوية العالية في أقرب مكان ممكن من بداية العنوان نظرًا لعدم توفر مساحة كبيرة للعمل عليها. بالإضافة إلى ذلك، يجب أن يكون لكل صفحة عنوان فريد لتجنب إرباك محركات البحث ومستخدميها.
علامة الوصف التعريفي
الوصف التعريفي هو ملخص نصي قصير يظهر في SERPs أسفل العنوان. يجب أن تحتوي جميع صفحاتك على أوصاف فريدة ودقيقة للمحتوى الموجود عليها. يجب أن يتراوح الوصف التعريفي بين 150 و160 حرفًا لتجنب اقتطاعه في نتائج البحث. لسوء الحظ، لا يمكنك دائمًا أن يكون لك رأي في ماهية الوصف التعريفي الخاص بك. حتى إذا كتبتها بنفسك، فقد تقرر محركات البحث أنك قدمت معلومات غير ذات صلة وتختار إعادة كتابة الأوصاف التعريفية الخاصة بك أو عرض المحتوى الخاطئ من الصفحة.
لإضافة علامة الوصف التعريفي إلى صفحة موقع الويب الخاص بك، حدد موقع <meta name=" description" content= "Content goes here." >قسم كود HTML.
يعد الوصف التعريفي جزءًا مهمًا من المعلومات لمحركات البحث والمستخدمين. يمكن أن يؤدي استخدام الوصف التعريفي الفعال إلى تعزيز المزيد من النقرات على موقع الويب الخاص بك عن طريق تحديد توقعات واضحة لما يمكن أن يتوقع المستخدمون العثور عليه.
يمكن أن يساعد تضمين الكلمات الرئيسية المستهدفة في الوصف التعريفي الأشخاص على اكتشاف المحتوى الخاص بك بسهولة أكبر مع إخبار محركات البحث بمحتوى الصفحة. يمكنك أيضًا شرح الغرض من الصفحة وما سيجده العملاء بمجرد النقر. يمكنك أيضًا إجراء اختبار A/B على الأوصاف التعريفية الخاصة بك لمعرفة الإصدارات التي تحصل على المزيد من النقرات، وتساعدك على الحصول على تصنيف أعلى، وفي النهاية جلب المزيد من حركة المرور إلى موقع الويب.
علامة التعريف للروبوتات
تخبر علامة meta robots محركات البحث بكيفية الزحف إلى موقع الويب الخاص بك، مما يسمح لهم بمعرفة الصفحات التي تريد تصنيفها والصفحات التي لا تريد تصنيفها. هناك العديد من الأغراض لهذه العلامات، لذلك يجب عليك استخدامها بشكل صحيح إذا كنت تريد تصنيف صفحات معينة وتجاهل أخرى.
تخبر علامات الروبوتات محركات البحث ما إذا كان سيتم فهرسة الصفحة أو متابعتها أم لا من خلال تصنيفها على أنها INDEX وFOLLOW أو NOINDEX وNOFOLLOW. عندما تقوم بتصنيف صفحة على أنها INDEX، فإنك تخبر محركات البحث أنك تريد ظهورها في SERPs. وفي الوقت نفسه، عندما تطلب منهم متابعة صفحة، فهذا يعني أنك تريد تمرير نظام تصنيف الصفحات إلى صفحة معينة. لا يتم اتباع علامة NOFOLLOW، لذا لا يمكنها نقل ترتيب الصفحة إلى أي نوع آخر من صفحات الويب. لا يزال من الممكن أن تظهر هذه الصفحات في فهرس Google إذا كان هناك موقع آخر يرتبط بها دون استخدام العلامة NOFOLLOW. قد يكون لدى محركات البحث الأخرى قواعد مختلفة لعلامات الروبوت هذه.
يمكن أن تبدو علامات الروبوت كما يلي:
<meta name= “robots” content=noindex, nofollow”>
<meta name= “robots” content=noindex, follow”>
<meta name= “robots” content=index, nofollow”>
وفي النهاية، ستعتمد العلامات التي تستخدمها على أهدافك لصفحة معينة. يخبر السطر الأول في مثالنا محركات البحث بتجاهل الصفحة والروابط الموجودة داخل الصفحة، مما يجعلها عديمة الفائدة في النهاية لحركة الإحالة. المثال الثاني يخبر محركات البحث بتجاهل الصفحة ولكن تتبع جميع الارتباطات التشعبية الموجودة في تلك الصفحة، والمثال الثالث يخبر محركات البحث بفهرسة الصفحة ولكن لا تتبع الارتباطات التشعبية الموجودة في الصفحة والتي قد تنتقل إلى صفحات أخرى.
يجب أن تحتوي كل صفحة من صفحاتك على علامة meta robots، ولكن علامة واحدة فقط لكل صفحة. لن تستخدم جميع الخيارات الثلاثة المتاحة لك في نفس الصفحة.
فتح علامة الرسم البياني
تُستخدم علامات الرسم البياني المفتوحة لمشاركة الرسائل على منصات التواصل الاجتماعي مثل Facebook. إذا كنت تريد تمرير معلومات من مدونة مثل الصورة المميزة والمقتطف، فستستخدم علامة الرسم البياني المفتوح. تخبر هذه العلامات منصات الوسائط الاجتماعية بشكل فعال بنوع المعلومات التي تريد عرضها عند مشاركة رابط من موقع الويب الخاص بك.
من المحتمل أنك شاهدت بالفعل بعض علامات الرسم البياني المفتوحة أثناء العمل. في أي وقت تقوم فيه بمشاركة رابط من موقع ويب على وسائل التواصل الاجتماعي، فإنه يقوم تلقائيًا بإنشاء معاينة. يتم إنشاء هذه المعاينة من خلال علامة الرسم البياني المفتوح. هناك العديد من علامات الرسم البياني المفتوحة التي يمكنك الاختيار من بينها، ولكنها ستظهر في ملف HTML الرئيسي على شكل
<meta property=”og:xx”>
تتضمن خياراتك لما يمكنك وضعه في رسم بياني مفتوح ما يلي:
<meta property=”og:title”>
<meta property=”og:description”>
<meta property=”og:type”>
<meta property=”og:image”>
<meta property=”og:url”>
<meta property=”og:site_name”>
يحدد العنوان صفحة الويب وموضوعها. يمكنك جعل عنوان الرسم البياني المفتوح الخاص بك هو نفس عنوان التعريف الخاص بك أو تغييره وفقًا لجمهور الوسائط الاجتماعية الخاص بك. وفي الوقت نفسه، يعمل الوصف بشكل مشابه للوصف التعريفي، بينما يحدد النوع نوع المحتوى. على سبيل المثال، يمكن أن يشير النوع إلى أغنية أو ملف pdf أو صورة.
بالإضافة إلى ذلك، تخبر علامة صورة الرسم البياني المفتوح منصات الوسائط الاجتماعية بالصورة التي تريد سحبها من صفحة الويب لتكون بمثابة صورة المنشور، ويحدد عنوان URL عنوان URL للصفحة التي تشاركها. إذا كنت تريد عرض اسم موقع الويب الخاص بك، فيمكنك القيام بذلك باستخدام علامة اسم الموقع، ولكنها ليست عادةً خاصية مهمة لمستخدمي وسائل التواصل الاجتماعي.
علامة الكلمات الرئيسية التعريفية
يتم استخدام علامة الكلمات الرئيسية الوصفية لوصف الكلمات الرئيسية التي تريد تصنيفها. ومع ذلك، فإن معظم محركات البحث تتجاهل هذه العلامة، لذلك أصبحت قديمة كل عام. في الواقع، إذا أساءت استخدام علامة الكلمات الرئيسية الوصفية، فقد تتعرض لعقوبة، مما يمنعك من ترتيب كلماتك الرئيسية المستهدفة. عند استخدامها بشكل صحيح، يمكن لهذه العلامة إعلام محركات البحث بموضوع المحتوى الخاص بك عن طريق تمييز الكلمات الرئيسية المهمة الموجودة في صفحتك. لسوء الحظ، لا يستخدم Google علامة الكلمات الرئيسية الوصفية، لكن محركات البحث الأخرى قد تفعل ذلك، لذا يجدر التفكير فيما إذا كنت تريد تحسين مُحسنات محركات البحث (SEO) باستخدام محركات بحث أخرى غير Google.
على أقل تقدير، يمكن أن يساعدك استخدام علامة الكلمات الرئيسية الوصفية في تتبع الكلمات الرئيسية التي تستهدفها على صفحات مواقع الويب المختلفة. تبدو العلامة كما يلي:
<meta name+" keywords" content=" keywords go here"/>
نظرًا لأن أفضل محركات البحث لم تعد تستخدم علامة الكلمات الرئيسية الوصفية كعامل تصنيف، فلا داعي لإضاعة وقتك أو إضافة المزيد من التعليمات البرمجية التي يمكن أن تؤدي إلى إبطاء موقع الويب الخاص بك. بدلاً من ذلك، يمكنك تخطي هذا والتركيز على العلامات الوصفية التي يمكن أن تساعد في تحسين التصنيفات وتجربة المستخدم.
علامات تعريف HTML الأخرى
هناك العديد من الأنواع الأخرى من العلامات الوصفية التي يمكن استخدامها في رأس أو نص موقع الويب، بما في ذلك:
- العلامة الأساسية : يتم استخدام العلامة الأساسية للإشارة إلى ما إذا كان هناك إصدار أصلي لصفحة ويب لإخبار محركات البحث أن أحد الإصدارات هو الصفحة الرئيسية ولا ينبغي فهرسة الإصدارات الأخرى. يمكن أن يمنعك هذا من التنافس مع نفسك على التصنيفات ويمنع المحتوى المكرر من أن يصبح مشكلة.
- علامة نصية بديلة : تساعد علامة النص البديل محركات البحث على قراءة الصور من خلال النص نظرًا لأنها لا تستطيع معرفة شكل الصورة. عند كتابة نص بديل، استخدم دائمًا الأوصاف ذات الصلة دون حشو الكلمات الرئيسية. يعد النص البديل مهمًا أيضًا لقارئات الشاشة لتحسين إمكانية الوصول إلى موقع الويب، لذلك يجب أن يكون منطقيًا للأشخاص.
- علامات الرأس : تُستخدم علامات الرأس لتغيير أحجام الخطوط وتنظيم المحتوى الخاص بك. تتراوح هذه العلامات من H1 (الأكبر) إلى H6 (الأصغر) ويمكن أن تساعد القراء في فحص المحتوى.
- علامات اللغة : تخبر علامة تعريف اللغة محركات البحث باللغة الموجودة بالمحتوى وتحدد البلد لتحسين نتائج البحث بناءً على اللغة والموقع.
- علامات المؤلف : تُظهر علامات المؤلف مؤلف المحتوى، مما يمكن أن يساعد في تلبية متطلبات الخبرة والموثوقية والجدارة بالثقة (EAT) من Google لتصنيف المحتوى.
- تاريخ النشر : يمكن استخدام تاريخ النشر في المدونات لمساعدة المستخدمين على فهم مدى أهمية المعلومات وحداثتها. تعرف على المزيد حول البيانات الوصفية لمنشورات المدونة .
- النمط : تحتوي علامة النمط على كود CSS لتحديد كيفية ظهور عناصر HTML على المتصفحات.
يجب عليك الموازنة بين إيجابيات وسلبيات كل منها عند التفكير في العلامات التي يجب استخدامها. يمكن أن يؤثر المزيد من التعليمات البرمجية على موقع الويب الخاص بك سلبًا على سرعة التحميل، مما يمنع موقع الويب الخاص بك من التحميل بأسرع ما يمكن. تحدد سرعة الصفحة مقدار الوقت الذي يستغرقه تحميل صفحة على موقع الويب الخاص بك. كلما استغرق تحميل الصفحة وقتًا أطول، زاد احتمال انسحاب المستخدمين، مما يؤدي في النهاية إلى فقدان حركة المرور على الويب وفرصة إجراء عملية بيع. عند تقييم سرعة صفحتك، يجب أن تأخذ في الاعتبار مستخدمي أجهزة سطح المكتب والأجهزة المحمولة. الأفراد الذين يستخدمون أجهزتهم المحمولة لزيارة مواقع الويب هم أقل صبرًا، لذا يجب أن تكون سرعة صفحة الهاتف المحمول لديك أولوية قصوى لإبقاء المستخدمين مهتمين بقراءة المحتوى الخاص بك.
تعد سرعة الصفحة أيضًا عامل تصنيف مهمًا لأنها تعمل على تحسين تجربة المستخدم. كلما تم تحميل صفحة الويب بشكل أسرع، زادت احتمالية حصول المستخدم على تجربة جيدة، مما يسمح لمحركات البحث بتقديم نتائج أفضل للمستخدمين. تؤثر سرعة الصفحة أيضًا على إيراداتك لأنه يجب تحميل الصفحة بسرعة للحفاظ على تفاعل عملائك المحتملين مع موقع الويب، مما يسمح لهم بمعرفة كل ما يمكنهم تعلمه قبل التحويل.
على الرغم من أن العلامات الوصفية ضرورية أيضًا لمحركات البحث، فمن الأفضل دائمًا مراعاة العلامات التي تحتاج إليها بشدة. لقد ناقشنا أهم العلامات الوصفية التي يمكنك استخدامها على موقع الويب الخاص بك لتحسين محركات البحث، ولكن إضافة المزيد من التعليمات البرمجية إلى موقع الويب الخاص بك يمكن أن يؤثر على سرعة الصفحة ويكون له تأثير مباشر على تصنيفاتك.
لماذا تعد إضافة بيانات تعريف HTML في رأس موقع الويب أمرًا مهمًا
لا يمكن استخدام البيانات الوصفية إلا في رأس موقع الويب. إذا قمت بوضعها في قسم النص الأساسي للصفحة، فسوف تظهر عند عرضها على المتصفح، مما يؤثر في النهاية على تجربة المستخدم ويمنع محركات البحث من القدرة على استخدام البيانات بشكل فعال لتصنيف صفحات موقع الويب الخاص بك. إذا كان الترميز الخاص بك غير صالح، فقد لا تعرض المتصفحات صفحاتك بشكل صحيح، لذا فمن الأفضل دائمًا الاحتفاظ بالعلامات في الرأس حيث من المفترض أن تكون حيث أن هذا هو المكان الوحيد الذي ستبحث عنها محركات البحث عنها.
الملاحظات النهائية للبيانات الوصفية لموقع الويب
يمكن أن تساعد البيانات الوصفية في نقل مُحسّنات محرّكات البحث (SEO) الخاص بك إلى المستوى التالي من خلال السماح لك بكتابة العناوين والأوصاف الخاصة بك وإخبار محركات البحث بكيفية التفاعل مع موقع الويب الخاص بك وفهمه. لسوء الحظ، قد يكون العمل باستخدام تعليمات HTML البرمجية أمرًا صعبًا إذا لم تكن مطور مواقع ويب.
إرسال تعليق