Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing

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>
<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> و هكذا.

الدورات

أدوات مساعدة

أقسام الموقع

دورات
مقالات كتب مشاريع أسئلة