العناصر الأولى في مستند HTML
يتكون كل مستند HTML على الويب من عناصر مختلفة. العديد من العناصر شائعة جدًا وتوجد في كل منها تقريبًا ، مثل الفقرات ، والعناوين ، والصور ، والروابط. وعلى الرغم من شيوع هذه العناصر ، فهناك اختيارية. لا تحتاجها تقنيًا على صفحة ويب - على الرغم من أن أي صفحة تفتقد هذه العناصر ستكون على الأرجح متفرقة جدًا!
بالإضافة إلى عناصر HTML الاختيارية هذه ، هناك عناصر أخرى مطلوبة بالفعل من الصفحة. تم العثور على معظم هذه العناصر في منطقة
في صفحة HTML. هذه العناصر هي تلك التي لا يتم عرضها على صفحات الويب (بالنسبة للجزء الأكبر). يتم إخفاء العناصر من الزائرين من البشر إلى موقعك ، ولكنها لا تزال مفيدة جدًا لأنها تنقل المعلومات إلى متصفح الويب ، بالإضافة إلى محركات البحث ، عن تلك الصفحة.من الناحية الفنية ، هناك علامة واحدة فقط مطلوبة لتكون في أعلى جميع مستندات HTML: عنصر . يبدأ هذا الزوج وينهي صفحة الويب الخاصة بك ويتيح للمتصفح معرفة أن كل شيء بين هاتين الوسمتين هو محتوى HTML. الشيء الوحيد الذي تراه في كثير من الأحيان قبل العلامة الافتتاحية هو doctype الصفحات. من شأنه أن تكون مكتوبة مثل هذا:
بعد العلامة هي زوج العلامة
السابق ذكره. داخل زوج العلامات هذا هو المكان الذي ستضيف فيه عددًا من العناصر المهمة الأخرى ، بما في ذلك العلاماتعنصر TITLE
يجب عليك دائمًا تضمين
- تستخدم محركات البحث TITLE كوسيلة أساسية لفهرسة المواقع. إذا لم يكن لصفحة الويب الخاصة بك عنوانًا وصفيًا ، فستعطيها محركات البحث ترتيبًا أقل من الصفحات الأخرى. هذا هو أيضًا ما يعرض كنص الارتباط في صفحة نتائج محرك البحث (المعروف أيضًا باسم SERP).
- يتم عرضه أعلى نافذة المتصفح أو في علامة التبويب ، مع وصف الصفحة في المتصفح.
- هو مكتوب عندما يقوم شخص ما بوضع إشارة مرجعية لموقعك. إذا كان الأشخاص يضعون إشارة مرجعية على موقعك ، فأنت تريد منهم أن يتذكر أنه كان موقعك وليس "مستندًا بدون عنوان" ، وهو عنوان الصفحة الافتراضي المستخدم في العديد من الأنظمة الأساسية لبرامج تطوير الويب.
نظرًا لأن العلامة
معلومات التعريف أو بيانات التعريف
معلومات التعريف هي بيانات موجودة في
في مستند HTML الخاص بك والذي يوفر معلومات إضافية حول صفحة الويب الخاصة بك إلى مستعرض الويب والأجهزة الأخرى. يمكنك تضمين معلومات مثل اسم المؤلف ، والبرنامج الذي تم استخدامه لإنشاء الصفحة ، وتاريخ انتهاء صلاحية الصفحة ، والأهم من ذلك ، الأوصاف والكلمات الرئيسية ذات الصلة بالصفحة نفسها.علامة META الأكثر أهمية التي يجب تضمينها في مستندات الويب الخاصة بك هي في الواقع مجموعة الأحرف أو charset. هذا مهم لأمان صفحات الويب الخاصة بك .
يجب أن تكون مجموعة الأحرف دائمًا السطر الأول في HEAD بحيث لا يتمكن المتسللون من اختراقها. في السياق ، على طول بقية العلامات التي قمنا بتغطيتها ، فإنه يود أن يكون مثل هذا:
<رئيس>
head>
HTML>
تعرف على المزيد حول العلامات الوصفية
تعد العلامات الوصفية مهمة جدًا للحصول على ترتيب جيد في محركات البحث ، ولكن إذا كان لديك وقت فقط لكتابة عنوان وصف أو علامة وصفية جيدة ، فاكتب العنوان . سيذهب عنوان المستند إلى موضع محرك البحث أكثر من وضع العلامات الوصفية.
- Magic with Meta Tags - استخدم علامات meta tag للحصول على موضع أفضل لمحرك البحث
- مزيد من العلامات الوصفية - تجاوز الكلمات الرئيسية والأوصاف للحصول على أقصى استفادة من بيانات التعريف الخاصة بك
- روابط العلامة الوصفية - روابط إضافية للمساعدة في meta tag
عناصر أخرى
بالإضافة إلى العناصر التي قمنا بتغطيتها بالفعل ، هناك أشياء أخرى مهمة ستجدها في
للصفحة عبارة عن ارتباطات إلى ملفات CSS الخاصة بالموقع ، إما على هيئة روابط إلى ملفات JS أو كرمز جافا سكريبت مضمَّن.المقالة الأصلية لجنيفر كرينين. حرره جيرمي جيرار في 7/21/17