کاربرد متا تگ ها در طراحی صفحات HTML

در دنیای کامپیوتر واژه Metadata به معنی اطلاعاتی در مورد داده ها می باشد و در صفحات HTML از متا تگ ها برای درج اطلاعاتی در مورد محتوای صفحه استفاده می شود. متا تگ ها این امکان را به موتورهای جستجو می دهند تا بتواند تفسیر بهتری از محتوای سایت شما داشته باشد و همین امر تأثیر بسزایی در سئو دارد.

نحوه استفاده

متا تگ ها درون بخش head سایت تعریف شده و پیشنهاد می شود اولین تنظیمات مربوط به صفحه باشند. مهمترین متاتگ ها به شرح زیر می باشند.

  • charset: رمز گذاری کاراکترهای موجود در صفحه وب را مشخص می کند که پیشنهاد می شود از مقدار utf-8 برای آن استفاده شود.
  • description: توضیحات مختصری در مورد محتوای سایت.
  • keywords: کلمات کلیدی که قصد دارید در صورت جستجوی آنها، وبسایت شما در گوگل نمایش داده شود.
  • author: نویسنده وب سایت.
  • viewport: نمای قابل مشاهده صفحه می باشد که برای نمایش صحیح صفحه در دستگاه های مختلف می بایست درصد بزرگنمایی آن برابر 1.0 باشد.
<head>
  <meta charset="UTF-8">
  <meta name="description" content="آکادمی بنو | آموزش برنامه نویسی و طراحی سایت">
  <meta name="keywords" content="آموزش html, آموزش css, آموزش برنامه نویسی, آموزش طراحی سایت">
  <meta name="author" content="آکادمی بنو">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

هرچه کلمات کلیدی در متا تگ keyword دقیق تر و متناسب تر با محتوای صفحه باشد، سایت شما شانس بیشتری برای نمایش در صفحات ابتدایی گوگل دارد.