أهم علامات Html في تحسين محركات البحث التي يجب مراعاتها في تصميم الموقع


في هذا القسم ، سوف نشرح أهم علامات HTML التي تعتبر مهمة ومهمة في تحسين محركات البحث لموقع الويب.

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

في هذه المقالة ، سنقدم أهم علامات HTML التي تلعب دورًا مهمًا في تحسين محركات البحث وتحسينها. يتم سرد كل هذه العلامات الوصفية في قسم "HEAD" في قالب الموقع ومعظمها لا يحتوي على مخرجات نصية للمستخدمين.

علامات HTML الوصفية المهمة في تحسين محركات البحث


1 - علامة العنوان



علامة العنوان ، المعروفة أيضًا باسم SEO ، هي نفس العلامة التي تظهر في نتائج Google وعلامات تبويب المتصفح. هذه العلامة هي العلامة الوصفية الأكثر فاعلية بين علامات HTML المهمة في تحسين محركات البحث والتي يجب استخدامها في كل صفحة. من الأفضل كتابة الكلمة المفتاحية الأكثر أهمية بالنسبة لك أو اسم الموقع في هذه العلامة:
إذا كنت تستخدم أنظمة إدارة المحتوى مثل WordPress ، فيمكن إنشاء هذه العلامة من خلال مكونات تحسين محركات البحث (SEO) مثل تحسين محركات البحث (SEO).
لاحظ أن الحد الأقصى للطول القياسي لهذه العلامة الوصفية هو 70 حرفًا.
<title>> What is title tag? | Site Admin </title>


2 - علامة تشفير الأحرف



من أهم العلامات التي يجب ألا تنساها عند التصميم هي استخدام علامة التشفير لعرض جميع أحرف صفحات الويب بشكل صحيح. للقيام بذلك ، ضع العلامة التالية في قسم الرأس في Html. لاحظ أنه إذا لم تستخدم هذه العلامة الوصفية بشكل صحيح ، فقد يكون نص موقع الويب الخاص بك تالفًا.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


3 - علامة وصف موقع الويب



للعلامة الوصفية أيضًا تأثير كبير على مُحسنات محركات البحث لصفحات موقعك. لكل صفحة من صفحات الموقع ، يجب عليك كتابة وصف يظهر في نتائج Google. في الماضي ، أولت Google أهمية كبيرة لعلامة meta tag هذه. اليوم ، على الرغم من أن محركات البحث تولي اهتمامًا أقل لهذه العلامة ، فلا يزال لها تأثير جيد على زيادة معدلات النقر إلى الظهور. إذا كان بإمكانك كتابة نص جذاب في هذه العلامة ، فيمكنك زيادة نسبة الإدخال والنقر إلى الظهور. هذه العلامة الوصفية هي بالضبط الوصف الذي يظهر تحت عنوان الموقع في محركات البحث مثل Google.
لاحظ أن الحد الأقصى للطول القياسي لهذه العلامة الوصفية هو 160 حرفًا.
<meta name="description" content="Know the best hosting service provider in the world." />


4 - علامة الروبوتات



توجه العلامات الوصفية للروبوت برامج الزحف لتحديد حالة الوصول لفهارس الصفحات. على سبيل المثال ، تشير العلامة التالية إلى أنه يُسمح لبرامج الزحف بفهرسة هذه الصفحة:
<meta name="robots" content="index, follow" />
عادةً ، نظرًا لأن جميع الصفحات مفهرسة ، فليس من الضروري كتابة الكود أعلاه ، ولكن بالنسبة للصفحات التي لا تريد فهرستها ، استخدم الكود التالي.
<meta name="robots" content="noindex" />
إذا أردنا إخبار برامج الروبوت بأنه غير مسموح لها باتباع الروابط الموجودة في هذه الصفحة ، فيجب علينا أيضًا إضافة العبارة nofollow إلى قسم المحتوى.


5 - علامة الكلمات الرئيسية



يمكنك وضع علامة كلمة رئيسية في قسم الرأس في مستند html الخاص بالموقع وكتابة كلماتك الرئيسية فيه. بالطبع ، تجدر الإشارة إلى أن Google لم تهتم بهذه العلامة منذ عدة سنوات ولا تستخدمها ، لكن محركات البحث الأخرى لا تزال تهتم بها.
فقط كن حريصًا على عدم الإفراط في استخدام هذه العلامة وتضمين الكلمات الرئيسية المهمة فقط فيها.
<meta name="keywords" content="keyword1, keyword2, keyword3">
فقط كن حريصًا على عدم الإفراط في استخدام هذه العلامة وتضمين الكلمات الرئيسية المهمة فقط. كاقتراح ، من المناسب استخدام 10 كلمات رئيسية.


6 - العلامة الأساسية



يتم استخدام هذه العلامة عندما يكون لديك محتوى مكرر على موقع الويب الخاص بك. عادةً ما ينتج المحتوى المكرر عن الاستخدام غير السليم للعلامات ونسخ المحتوى والفتح المتزامن للموقع باستخدام http و https! لحل هذه المشكلة ، فإن العلامة المتعارف عليها لها وظيفة جيدة.
<link rel="canonical" href="https://adminesite.com/best-hosting-service" />
بالطبع ، أقترح عليك قراءة التفاصيل الواردة في المقالة ذات الصلة على موقعنا قبل استخدام هذه العلامة.


7 - علامة منفذ العرض



هذه العلامة مفيدة جدًا لعرض صفحات الويب على شاشة الهاتف. بمساعدة هذه العلامة ، يمكن مطابقة حجم صفحة الموقع مع حجم الشاشة. هذه العلامة ضرورية للتصميم الصحيح وسريع الاستجابة للموقع.
<meta name="viewport" content="width=device-width, initial-scale=1">


8 - علامة Hreflang



تستخدم هذه العلامة لتحديد لغة الموقع. بمساعدة هذه العلامة ، يمكنك إخبار محركات البحث باللغة الرئيسية للموقع. يوصى باستخدام هذه العلامة في المواقع متعددة اللغات.
<link rel="alternate" href="http://example.com" hreflang="en-us" />

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

أهم علامات Html في تحسين محركات البحث التي يجب مراعاتها في تصميم الموقع