يتكون كل مستند HTML على الويب من عناصر مختلفة. العديد من العناصر شائعة جدًا وتوجد في كل منها تقريبًا ، مثل الفقرات ، والعناوين ، والصور ، والروابط. وعلى الرغم من شيوع هذه العناصر ، فهناك اختيارية. لا تحتاجها تقنيًا على صفحة ويب - على الرغم من أن أي صفحة تفتقد هذه العناصر ستكون على الأرجح متفرقة جدًا!
بالإضافة إلى عناصر HTML الاختيارية هذه ، هناك عناصر أخرى مطلوبة بالفعل من الصفحة. معظم هذه العناصر موجودة في
مساحة صفحة HTML. هذه العناصر التي لا يتم عرضها على صفحات الويب (بالنسبة للجزء الأكبر). يتم إخفاء العناصر من الزائرين من البشر إلى موقعك ، ولكنها لا تزال مفيدة جدًا لأنها تنقل المعلومات إلى متصفح الويب ، بالإضافة إلى محركات البحث ، عن تلك الصفحة.
من الناحية الفنية ، هناك علامة واحدة فقط مطلوبة لتكون في مقدمة جميع مستندات HTML: جزء. يبدأ هذا الزوج وينهي صفحة الويب الخاصة بك ويتيح للمتصفح معرفة أن كل شيء بين هاتين الوسمتين هو محتوى HTML. الشيء الوحيد الذي غالبا ما تراه قبل العلامة الافتتاحية هي صفحات doctype. من شأنه أن تكون مكتوبة مثل هذا:
بعد العلامة هي أن المذكور آنفا
زوج العلامة. داخل زوج العلامات هذا هو المكان الذي ستضيف فيه عددًا من العناصر المهمة الأخرى ، بما في ذلك
أي <meta> وكذلك روابط CSS و Javascript.<p><div>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center></div> <a id="menu-1"></a><h2 id='D9MVVA4IB6'> عنصر TITLE</h2>
<p>يجب عليك دائما تضمين صفحتك على الويب. هناك عدد من الأسباب لهذا ، بما في ذلك:<p>
<ol>
<li>
<p>محركات البحث استخدام</p>
<p>عنوان<p>كوسيلة أساسية لفهرسة المواقع. إذا لم يكن لصفحة الويب عنوان وصفي ، فستمنحها محركات البحث مرتبة أقل من الصفحات الأخرى. هذا هو أيضًا ما يعرض كنص الارتباط في صفحة نتائج محرك البحث (المعروف أيضًا باسم SERP).</p>
<div>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center></div></li>
<li>
<p>يتم عرضه أعلى نافذة المتصفح أو في علامة التبويب ، مع وصف الصفحة في المتصفح.</p>
</li>
<li>
<p>هو مكتوب عندما يقوم شخص ما بوضع إشارة مرجعية لموقعك. إذا كان المستخدم يضع إشارة مرجعية على موقعك ، فأنت تريد منه أن يتذكره. إذا كنت لا تستخدم علامة العنوان ، فسيعرض موقعك "Untitled Document" ، وهو عنوان الصفحة الافتراضي المستخدم في العديد من الأنظمة الأساسية لبرامج تطوير الويب.</p>
</li>
</ol>
<p>منذ تهدف العلامة إلى عرض نظرة عامة حول ماهية تلك الصفحة ، يجب أن يكون لكل صفحة من صفحات موقعك صفحة فريدة نظرًا لأن كل صفحة من موقعك تشتمل على محتوى فريد. حاول إبقاء محتوى هذه العلامة أقل من 60 حرفًا أو أقل. يمكنك تضمين المزيد ، ولكن محركات البحث ستقوم باقتطاع المحتوى إذا تجاوزت هذا الرقم.<p>
<a id="menu-2"></a><h2 id='LO9IGC7TSS'> معلومات التعريف أو بيانات التعريف</h2>
<p>معلومات التعريف هي البيانات الواردة في <head> مستند HTML الخاص بك الذي يوفر معلومات إضافية حول صفحة الويب الخاصة بك إلى مستعرض الويب والأجهزة الأخرى. يمكنك تضمين معلومات مثل اسم المؤلف ، والبرنامج الذي تم استخدامه لإنشاء الصفحة ، وتاريخ انتهاء صلاحية الصفحة ، والأهم من ذلك ، الوصف ، والكلمات الرئيسية ذات الصلة بالصفحة نفسها.<p>الأكثر أهمية</p>
<p>META<strong>
<p>علامة يجب تضمينها في مستندات الويب الخاصة بك هي في الواقع مجموعة الأحرف ، أو charset. هذا مهم لأمان صفحات الويب الخاصة بك.</p>
<p>يجب أن تكون مجموعة الأحرف دائمًا السطر الأول في</p>
<p>رئيس<strong>
<p>حتى لا يستطيع المتسللون اختراقها. في السياق ، على طول بقية العلامات التي قمنا بتغطيتها ، نود أن نحب هذا:</p>
<p><!doctype html>
<html>
<head><meta charset='utf-8'><title>هذا هو محتوى العنوان
تعرف على المزيد حول العلامات الوصفية
تعد العلامات الوصفية مهمة جدًا للحصول على ترتيب جيد في محركات البحث ، ولكن إذا كان لديك وقت فقط لكتابة عنوان وصف أو علامة وصفية جيدة ، فاكتب العنوان. سيذهب عنوان المستند إلى موضع محرك البحث أكثر من وضع العلامات الوصفية. للحصول على معلومات إضافية حول العلامات الوصفية:
- Magic with Meta Tags - استخدم علامات meta tag للحصول على موضع أفضل لمحرك البحث
- المزيد من العلامات الوصفية - تجاوز الكلمات الرئيسية والأوصاف للحصول على أقصى استفادة من بياناتك الوصفية.
- روابط العلامة الوصفية - روابط إضافية للمساعدة في meta tag
عناصر أخرى
بالإضافة إلى ذلك ، أشياء أخرى مهمة سوف تجد في
الصفحة عبارة عن روابط إلى ملفات CSS الخاصة بالموقع ، إما على هيئة روابط إلى ملفات JS أو كرمز جافا سكريبت مضمّن.
