درس چهارم – تگ های مهم موجود در تگ head

درس چهارم – تگ های مهم موجود در تگ head

در این درس با ۳ تا از مهم ترین تگ های موجود در تگ head آشنا می شوید:

۱- تگ متای charset

  • تگ های متا، درون تگ head قرار می گیرند.
  • تگ charset مشخص می کند که چه نوع حروفی در این فایل html قرار دارند.
  • برای استفاده از حروف فارسی حتما تگ بالا را عینا در تگ head فایل html خود قرار دهید.
  • ممکن است بدون استفاده از این تگ نیز در بعضی مرورگرها مشکلی را مشاهده نکنید، اما با توجه به اینکه قرار نیست فایل HTML صرفا در مرورگر شما اجرا شود، باید استاندارد ها را رعایت نمایید.
  • تگ charset مثل سایر تگ هایی که تا به حال آموخته اید، تگ باز و بسته ندارد و دقیقا به صورتی که در بالا نوشته شده، نوشته می شود.

۲-تگ title

 

  • این تگ درون تگ head قرار دارد.
  • محتوای موجود در تگ title (در مثال بالا از “متن عنوان” برای عنوان استفاده شد.)، در بخش عنوان مرورگر قرار می گیرد. (تصویر پایین، محتوای تگ title در سایت گوگل را نشان می دهد.)

title tag

۳-تگ description

 

  • این تگ درون تگ head قرار می گیرد.
  • تگ description شامل توضیحاتی است که در هنگام جست و جو توسط موتور های جست و جو (مثل گوگل)، این توضیحات در پایین نام سایت قرار می گیرد.
  • در تصویر زیر، شماره ۱، تگ description را در هنگام جست و جو توسط موتورهای جست و جو نمایش می دهد.

description

۴-تگ keywords

  • این تگ درون تگ head قرار می گیرد.
  • تگ keywords، کلمات کلیدی موجود در فایل html را مشخص می کند تا در صورتی که این کلمات در موتورهای جست و جو، جست و جو شد، صفحه مورد نظر شما نیز جزو نتایج جست و جو باشد.
  • تگ keywords برای موتور جست و جوی گوگل، هیچ اهمیت و تاثیری ندارد اما در موتور های جست و جوی bing و yahoo تاثیر دارد.
  • برای جداسازی کلمات از کامای انگلیسی (,) استفاده کنید.
  • در مثال بالا، به جای کلمه۱,کلمه۲,کلمه۳، کلمات مورد نظر خود را بنویسید. تعداد کلمات کلیدی می تواند ۱ یا بیشتر از ۳ باشد و در این مثال صرفا ۳ کلمه قرار داده شد.

خلاصه درس

  1. تگ های charset، title، description، keywords در تگ head قرار دارند.
  2. هنگامی که می خواهیم در فایل html از زبان فارسی استفاده کنیم، استفاده از تگ charset ضروری است.
  3. تگ title، عنوان صفحه html در مرورگر را مشخص می کند.
  4. تگ description شامل توضیحاتی است که هنگام جست و جو توسط موتورهای جست و جو مثل گوگل، در پایین نام سایت قرار می گیرند.
  5. تگ keywords کلمات کلیدی فایل html را مشخص می کند. (این تگ روی موتور جست و جوی گوگل تاثیری ندارد.)

محتوای یک فایل HTML شامل ۴ تگ آموزش داده شده در این درس

 

تمرین

  1. از تگ های title و charset درون فایل index که در درس های قبل ایجاد نموده اید استفاده کنید.
  2. با توجه به اینکه فایل html، یک فایل تمرین است و صرفا روی سیستم شماست و عملا از طریق اینترنت قابل دسترسی برای دیگران نیست، پس تگ های keywords و description کارایی خاصی در آن ندارند. اما در صورت تمایل می توانید از این دو تگ نیز در فایلتان استفاده کنید.

 

درس پنجم

درس سوم

بازگشت به فهرست

ثبت امتیاز

1 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 5 (1 رای​، میانگین: 5٫00 از 5)
برای ثبت امتیاز نیاز به عضویت دارید. برای ثبت نام می توانید از بالای همین صفحه اقدام کنید.
Loading...

Submit a Comment

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

رفتن به نوارابزار