تگ title چیست؟ | اهمیت تگ title در برنامه نویسی HTML و سئو

تگ title در HTML
تگ title در HTML

یکی از مهم ترین و کاربردی ترین تگ های زبان HTML، تگ title است. در این پست از بلاگ ویتکس به معرفی تگ title و اهمیت آن در برنامه نویسی HTML و سئو سایت خواهیم پرداخت. پس بار دیگر با بلاگ ویتکس همراه شوید …

تگ title چیست؟

تگ title، یک تگ کاربردی و بسیار مهم است که به عنوان فرزند تگ head درون آن نوشته می شود و برای نمایش عنوان هر صفحه وب به کار می رود. استفاده از این تگ برای تمامی صفحات HTML الزامی است. جایگاه و ساختار دستوری این تگ در یک سند HTML به صورت زیر است (در کد زیر عنوان صفحه وب، “بلاگ ویتکس” است) :

مثال : عنوان صفحه “ارتباط با ما” در HTML5

کد :

خروجی :

مثال تگ title
مثال تگ title

چرا باید از تگ title استفاده کنیم؟

  1. جهت نمایش عنوان صفحه HTML در تب (Tab) مرورگر کاربران : یک صفحه HTML بدون عنوان می تواند تمام جذابیت سایت شما را زیر سوال ببرد؛ زیرا کاربران همیشه با دقت کامل به عنوان صفحه ای که به آن وارد می شوند، توجه می کنند. پس به کمک این تگ برای تمام صفحات HTML عنوان هایی مرتبط به کار ببرید.
  2. جهت نمایش عنوان صفحه HTML به کاربرانی که آن صفحه را به بخش علاقه مندی ها (Favorites) مرورگر خود اضافه می کنند.
  3. جهت استانداردسازی کدنویسی HTML : کدهای HTML هر صفحه وب طبق معیارها و استانداردهای کنسرسیوم جهانی وب (W3C)، ارزیابی می شوند. یکی از شرایط داشتن یک صفحه ی HTML استاندارد، استفاده از تگ title است؛ بنابراین در صورت عدم استفاده از این تگ، خطای زیر هنگام اعتبارسنجی (Validation) صفحه HTML شما نمایش داده می شود :
    Element head is missing a required instance of child element title.
  4. جهت بهبود سئو سایت : تگ title جهت نمایش و معرفی عنوان صفحه HTML به موتورهای جستجو بسیار حائز اهمیت است و عدم استفاده از آن، یک نمره منفی برای سئو صفحه شما تلقی می شود. درصد بسیاری از کاربران شما، از طریق موتورهای جستجو (نظیر گوگل، بینگ) به صفحه شما وارد می شوند؛ پس موتورهای جستجو را عصبانی نکنید!
یادآوری : جایگاه تگ title (عنوان صفحه) در میان تگ head می باشد. هر سند HTML می تواند فقط و فقط یک عنوان صفحه داشته باشد نه بیشتر!

مرورگرهای سازگار

مرورگرهای دسکتاپ
Google Chrome Mozilla Firefox Internet Explorer Microsoft Edge Opera Safari Browser
گوگل کروم موزیلا فایرفاکس اینترنت اکسپلورر مایکروسافت اج اپرا سافاری
نسخه ۱ و بالاتر نسخه ۱ و بالاتر نسخه ۱ و بالاتر نسخه ۱۲ و بالاتر همه نسخه ها نسخه ۱ و بالاتر
مرورگرهای موبایل
Google Chrome Mozilla Firefox Opera Safari Browser Samsung Internet Browser
گوگل کروم موزیلا فایرفاکس اپرا سافاری سامسونگ اینترنت
همه نسخه ها نسخه ۴ و بالاتر همه نسخه ها همه نسخه ها همه نسخه ها

امیدواریم از این مقاله نهایت بهره را برده باشید …

درباره‌ی محمد جاودانی

همه چیز ازون روز قشنگ شروع شد. 12 سال پیشو میگم که پدر و مادرم یه کامپیوتر برام خریدن. تا حالا شده دیوونه وار عاشق یه چیزی بشی؟ همونطوری عاشق کامپیوترم شده بودم! دنیای کودکی من خلاصه شده بود تو نصب ویندوز XP و آنتی ویروس های مختلف، نصب بازی ، باز و بسته کردن کیس کامپیوتر و خلاصه مهندس بازی درآوردن! هیچ چیز دیگه ای منو جذبم نمی کرد! چند سال گذشت و وقتی 14 سالم شد اولین وبلاگمو ساختم. تو فروم های مختلف بدون داشتن ذره ای دانش از فضای وب، شروع به فعالیت کردم و نزدیک هشت سال پیش اولین وب سایتمو با وردپرس ساختم و بعد یک سال شکست خوردم. از اون روز تا الان پروژه های زیادیو شروع کردم و شکست خوردم که معروف ترینش وب سایت پی سی لند بود ... سمت خیلی از زبونای برنامه نویسی رفتم و وسط راه مسیرمو عوض کردم و دنبال یه چیز جدیدتر رفتم ... خلاصه که بعد از کلی کش و قوس هنوزم به نظرم اول راهم و هر روز بیشتر از روز پیش تلاش می کنم ... محمد جاودانی، دانشجوی کارشناسی مهندسی نرم افزار هستم و در زمینه های توسعه دهندگی فرانت-اند تحت فریمورک React (JavaScript)، توسعه دهندگی بک-اند تحت فریمورک (Python) Django، سئو و تولید محتوا فعالیت دارم و اکنون در قلب "وی"، همراهِ تیم باانگیزه و به روزمون برای پیشرفت بی پایان "ویتکس" تلاش می کنم.

دیدگاه شما

دیدگاهتان را بنویسید

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