HTML العناوين

مفهوم العناوين و أنواعها

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

يوجد 6 أحجام من العناوين التي يمكنك إضافتها في الصفحة تبدأ من <h1> الذي يعطيك أكبر عنوان و تنتهي عند <h6> الذي يعطيك أصغر عنوان.

في المثال التالي قمنا بعرض جميع العناوين من الأكبر إلى الأصغر حتى تلاحظ فرق الحجم بينهم.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
		

جرب الكود

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

العنوان الرئيسي الذي تضعه للصفحة يعتبر أهم عنوان تضعه في الصفحة بالنسبة لمحركات البحث ( Search Engines ) مثل جوجل و ياهو و غيرهما. بعدها في الأهمية يأتي مباشرةً العناوين الموضوعة للفقرات. يليها العناوين الفرعية الأقل أهمية الموضوعة في الفقرات, و في النهاية محتوى الفقرات نفسه.

لذلك ننصحك دائماً بوضع عنوان الصفحة بين <h1> </h1> و عنوان أي فقرة بين <h2> </h2> و أي عنوان فرعي في الفقرة بين <h3> </h3> و هكذا.