العناصر وأفضل الممارسات في بيانات HTML الوصفية

العلامات الوصفية هي مقتطفات موجزة من التعليمات البرمجية التي تُعلم محركات البحث بالمعلومات الهامة حول صفحة الويب الخاصة بك. كما أنهم يتحكمون في كيفية عرض متصفحات الويب للزوار. العلامات الوصفية موجودة في كل صفحة ويب ويمكنك رؤيتها فقط في كود HTML. فيما يلي قائمة بأمثلة العلامات الوصفية لتحسين محركات البحث.

• ميتا الوصف
• الروبوتات الفوقية
• عنوان الفوقية
• محارف ميتا
• إعادة توجيه تحديث التعريف
• منفذ عرض ميتا

عنوان الفوقية

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

أفضل الممارسات

• استخدم علامة عنوان خاصة لصفحاتك
• يجب أن تكون العناوين مختصرة ووصفية
• تجنب استخدام عناوين عامة وغامضة
• استخدم العنوان أو حالة الجملة
• لا تستخدم طعم النقر بل شيء يستحق النقر عليه
• تطابق نية البحث
• استخدم 60 حرفًا أو أقل
• قم بتضمين الكلمات الرئيسية المستهدفة عند الضرورة

البحث عن أخطاء علامة العنوان وإصلاحها

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

اختبر أداء موقعك وتحسين محركات البحث في 60 ثانية!

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

• أداة آلية لتحسين محركات البحث سهلة الاستخدام
• أفكار + مراقبة الكلمات الرئيسية والروابط الخلفية
• يضمن السرعة والأمان وتتبع العناصر الحيوية الأساسية

• يقترح بذكاء أفكارًا لتحسين مُحسّنات محرّكات البحث
• أكثر من 250.000 ألف عضو عالمي
• المقارنة المعيارية المضمنة وتحليل المنافسين

على سبيل المثال "www.diib.com"

الاشتراك مجانا

مستخدمة من قبل أكثر من 250 ألف شركة ومؤسسة:

• 
• 
• 
• 

يتزامن مع

ميتا الوصف

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

أفضل الممارسات

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

أخطاء وصف ميتا الشائعة

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

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

ميتا روبوتات

تسمح Meta robots لمحرك البحث بالزحف إلى صفحات الويب وكذلك تقديم إرشادات حول كيفية القيام بذلك. يمكن أن يكون لوجود موقعك في نتائج البحث تأثير سلبي إذا لم تستخدم السمات الصحيحة في علامة meta robots. إن فهم هذه العلامة واستخدامها بفعالية سيؤثر بشكل كبير على مُحسنات محركات البحث لديك.

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

أفضل الممارسات

استخدم علامات meta robot فقط عند تقييد زحف Google على الصفحة وتجنب حظر الصفحات بعلامات meta robot في برامج الروبوت.

أخطاء Meta Robots الشائعة

تتضمن بعض أخطاء meta robots النموذجية قيام الروبوتات بحظر أي صفحات فهرس. هذا يجعل من الصعب على Google رؤية علامة noindex robots وقد يستمر في فهرسة عنوان URL. تقلل العلامة الوصفية المارقة من حركة المرور العضوية للصفحة عن طريق منع Google من فهرستها. سيمنع Rogue meta nofollow Google من الزحف إلى روابط الصفحة ويقلل من فرص اكتشاف المحتوى المهم وفهرسته. يمكن أن يؤدي هذا أيضًا إلى منع تدفق PageRank إلى الصفحات المهمة.

Meta Viewport

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

أفضل الممارسات

من الأهمية بمكان أن تستخدم meta viewport على جميع صفحات الويب وبواسطة العلامة القياسية.

ميتا محارف

تحدد هذه العلامة ترميز الأحرف لصفحتك أو ببساطة ترشد المتصفح إلى كيفية عرض الأحرف والنص على الصفحة. هناك نوعان من مجموعات الأحرف الشائعة بما في ذلك UTF-8 المستخدم لترميز Unicode و ISO-8859-1 المستخدم لترميز الأبجدية اللاتينية. سيؤدي الترميز بحرف خاطئ إلى عرض المتصفح بشكل غير صحيح.

(رصيد الصورة: Learn Web Tutorials)

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

أفضل الممارسات

• استخدم دائمًا علامة meta charset tag في جميع صفحات الويب الخاصة بك
• استخدم Unicode / UTF-8 حيثما أمكن ذلك

من المهم التحقق من جميع صفحات الويب الخاصة بك للتأكد من أنها تستخدم ترميز UTF-8.

إعادة توجيه تحديث التعريف

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

(صورة الائتمان: HostPapa)

أفضل الممارسات

• استخدم فقط علامات إعادة توجيه تحديث التعريف عند الضرورة

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

كلمات دلالية

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

يستخدم Bing الآن العلامات الوصفية للكلمات الرئيسية للإشارة إلى البريد العشوائي ، لذلك قد يعمل هذا ضدك. من الأفضل أن تقوم بإزالة العلامة من موقعك.

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

ما هو مولد العلامات الوصفية؟

يتيح لك منشئ العلامات الوصفية تطوير علامات HTML الوصفية المطلوبة والأكثر فائدة لتحسين محركات البحث.

أفضل الممارسات عند استخدام بيانات HTML الوصفية

قم بتعريف نوع Doctype دائمًا

يجب أن يكون إعلان نوع الدوكتيبي هو أول شيء في علامات HTML الوصفية لتحسين محركات البحث. يقوم بإعلام المتصفح بشأن معايير XHTML المستخدمة. يُنصح باستخدام DOCTYPE الصارم XHTML 1.0 ، على الرغم من أنه يعتبر اختيارًا صعبًا من قبل بعض المطورين. يتأكد من أن التعليمات البرمجية الخاصة بك تتوافق بدقة مع أحدث المعايير.

استخدم علامات العنوان ذات المعنى

تُمكّن علامات العنوان صفحة الويب من أن تكون أكثر وضوحًا وسهولة في البحث.

استخدم القائمة الوصفية للعلامات الوصفية

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

قسّم التخطيط الخاص بك إلى أقسام رئيسية باستخدام Divs

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

تجنب خلط المحتوى من العرض التقديمي

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

تصغير وتوحيد CSS

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

تصغير وتوحيد وتحريك JavaScript لأسفل

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

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

استخدم عناصر العنوان بحكمة

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

استخدم علامات HTML الصحيحة في المكان المناسب

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

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

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

أدخل موقع الويب الخاص بك

على سبيل المثال "www.diib.com"

الاشتراك مجانا

لا أستطيع الحصول على ما يكفي من DIIB !! أفضل أداة وأنا ممتن جدًا للعثور عليها. أنا أحب ذلك تماما!! عبرت أصابعك لا ترفع أسعارك لأن هذا مثالي جدًا.

كاتارينا غيج
مدير العمليات في ahoymatey.com.au

تجنب استخدام Divs بشكل مفرط

يقوم بعض المطورين بتغليف علامات div على علامات div الأخرى التي تحتوي على المزيد من علامات div مما يؤدي إلى إنشاء العديد من علامات div. يعتبر div عنصرًا لا معنى له ولا يجب استخدامه إلا في حالة عدم توفر عناصر مناسبة أخرى وفقًا لمواصفات W3C HTML. تجنب وجود العديد من divs باستخدامها بطريقة مسؤولة وفقط عندما يكون ذلك ضروريًا.

استخدم قائمة غير مرتبة للملاحة

يعد عنصر التنقل عاملاً أساسيًا للغاية في تصميم مواقع الويب عند دمجه مع CSS. فهو يساعد قوائم التنقل الخاصة بك على أن تكون دلالية وجميلة. فيما يلي طريقتان للقيام بذلك:

(حقوق الصورة: Studytonight)

أغلق علاماتك

تتطلب مواصفات W3C إغلاق جميع العلامات الخاصة بك. قد تعرض المتصفحات الأخرى صفحاتك بشكل صحيح على الرغم من أن الإخفاق في إغلاق العلامات يعد أمرًا غير صالح وفقًا للمعايير العادية.

استخدم ترميز الأحرف الصغيرة

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

استخدم إصلاحات IE المعيارية

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

تحقق من صحة الرمز الخاص بك

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

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

اكتب التعليمات البرمجية المنسقة باستمرار

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

(رصيد الصورة: html.com)

تجنب الإفراط في التعليقات

الغرض من توثيق التعليمات البرمجية الخاصة بك هو جعلها مفهومة والتعليق على التعليمات البرمجية الخاصة بك أمر منطقي ومنطقي للغات البرمجة مثل Java و PHP و C #. ومع ذلك ، فإن الترميز واضح للغاية ولا تحتاج إلى التعليق على كل سطر في XHTML / HTML. ستساعدك مراجعة عملك بحثًا عن الدلالات إذا كنت تعلق كثيرًا في HTML لشرح العملية.

ديب: احصل على إحصائيات بيانات HTML الوصفية هنا!

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

ستؤدي عناصر مثل الوصف التعريفي الجيد إلى زيادة معدلات النقر إلى الظهور من عمليات البحث على الرغم من أنها لا تحسن ترتيبك. تُستخدم العلامات الوصفية الآن في منصات الوسائط الاجتماعية مثل Twitter و Facebook. يمكنك استخدام العلامات للتحقق من كيفية مشاركة بياناتك على Facebook. ستمنحك الشراكة مع Diib Digital المقاييس الحيوية فيما يتعلق ببيانات التعريف الخاصة بك حتى تتمكن من اتخاذ قرارات فعالة بشأن صحة موقع الويب الخاص بك.

فيما يلي بعض ميزات لوحة تحكم المستخدم الخاصة بنا والتي نحن على يقين من أنك ستحبها:

• أهداف مخصصة مصممة لتحسين أداء الموقع
• التنبيهات التي تخبرك عن مشكلات تحسين محركات البحث الفنية الأخرى الخاصة بـ Domain Authority
• الصفحات المكسورة التي يوجد بها روابط خلفية (404 checker)
• أدوات مراقبة وتتبع الكلمات الرئيسية والوصلة الخلفية والفهرسة
• تجربة المستخدم وتحسين سرعة الهاتف المحمول
• تحسين عنوان الصورة

انقر هنا للحصول على فحص مجاني أو اتصل ببساطة على 800-303-3510 للتحدث إلى أحد خبراء النمو لدينا.