جودة الويب - العناصر الهامة لـ HTML

لتحسين جودة الويب،<DOCTYPE>،<title>،<h1> علامات مهمة.

<DOCTYPE> علامة

DOCTYPE تعني "تقرير نوع الوثيقة" (DTD).

جميع صفحات HTML وXHTML يجب استخدام علامة <Doctype> لتعريف إصدار HTML الذي تتبعه.

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

تقرير نوع الوثيقة يجعل البرامج التحقق من بنية الصفحة:

HTML 4.01 Strict, Transitional, Frameset

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

DTD XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

المرجع:علامة <!DOCTYPE> في HTML

عنصر <title>

عنصر <title> هو أحد أكثر عناصر HTML أهمية. وظيفته الرئيسية هي وصف محتوى الصفحة.

حتى لو لم يكن العنوان جزءًا مرئيًا من الصفحة، يبقى مهمًا لتحسين جودة الموقع، لأنه مرئي في المواقع التالية:

  • قائمة محركات البحث
  • شريط العنوان للنافذة
  • في سجلات العناوين للمستخدم

يجب أن يكون العنوان قصيرًا قدر الإمكان وأن يكون وصفيًا.

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

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

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

عناوين جيدة:

<title>تعليمات HTML</title>
<title>مقدمة XML</title>

عناوين سيئة:

<title>مقدمة</title>
<title>المحاضرة 1</title>
<title>تملك CodeW3C.com مجموعة منسقة وسهلة الفهم من HTML، CSS، JavaScript،
تعليمات DHTML، XML، XHTML، WAP، ASP، SQL، وتحتوي على العديد من الأمثلة والكود المصدر.</title>

المرجع:علامة <title> HTML

علامة <h1>

يستخدم علامة <h1> لوصف العنوان الأعلى في الصفحة.

بسبب أن بعض المتصفحات تظهر عناصر <h1> بشكل افتراضي كخط كبير، يفضل بعض مطوري الويب استخدام علامة <h2> بدلاً من <h1> لعرض العناوين الأعلى. هذا لن يؤثر على القراء، لكنه قد يربك محركات البحث وبرامج أخرى التي تحاول 'فهم بنية الصفحة'.

تأكد من استخدام <h1> للاعلى من العناوين، <h2> و <h3> للأسفل من المستويات.

يمكنك تجربة بناء موقعك بناءً على هذا النموذج:

إذا لم تكن معجباً بمقاس الخط الافتراضي للعناوين، يمكنك استخدام النمط أو القوائم النمطية لتحديد تغيير.

المرجع:HTML <h1> - <h6> علامات