تگ meta در طراحی سایت :

متاتگها تگهایی هستند که یک سری اطلاعات اضافه در مورد صفحه به مرورگر و موتورهای جستجو را در طراحی سایت ارائه میکنند.
اولین و مهمترین نوع تگ متا مربوط به تعیین charset گروه کاراکترهای صفحه است.

<meta charset=”utf-8” >

به وسیله این تگ شما میتوانید در طراحی سایت زبان فارسی را در سایت خود بدون نگرانی استفاده کنید. بدون این تگ کاراکترهای فارسی در خروجی نمایش داده نمیشود.
مابقی متا تگها یک مقدار name و یک مقدار content میپذیرند.
زمانی که یک موتور جستجو صفحه شما را پیدا میکند، باید آن را در اصطلاح index کند.یعنی آن را به بانک اطلاعاتی قابل جستجوی خود اضافه کند البته همراه با اطلاعاتی از سایت شما. هم اکنون موتورهای جستجوی زیادی از برچسبهای  meta  استفاده میکنند که به شما اجازه میدهد کلمات کلیدی و توصیف صفحه خود را در آن قرار دهید.

این به شما کنترل بیشتر میدهد تا در طراحی سایت صفحه شما در طول یک جستجو چگونه نمایش داده شود و اغلب باعث ترافیک بیشتر به سایت شما میشود. برچسبهای meta برای چند هدف مختلف میتوانند مورد استفاده قرار یرند معمولاً شما باید تگهای meta را در تگ  head  در شروعصفحه خود قرار دهید.

برای بهبود بخشیدن به نتایج موتور جستجو از دو نشان مخصوص استفاده میشود:

<meta name=”description” content=” توضیحات مربوط به صفحه ”> 

<meta name=”keywords” content=” کلمات کلیدی ”>

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

نکته: بهتر است که توصیف صفحه دارای بیش از ۲۰۰ کاراکتر حروف و… نباشد. همچنین کلمات کلیدی در نتایج جستجو دیده نمیشود و بهتر است آنها را زیر ۱۰۰۰ کاراکتر نگه دارید. زیرا در طراحی وب سایت اگر بیش از این باشد موتور جستجو اضافه آن را نادیده میگیرد و یا شما را از فهرست حذف میکند برای جدا کردن کلمات کلیدی احتیاجی به ویرگول نیست
مثال:

<head>

 <title>first page</title>

 <meta name=”description” content=”آموزش متا تگ ”>

 <meta name=”keywords” content=”meta web computer”>

 </head>


بارگذاری نوشته های مرتبط بیشتر
  • طراحی وب

    طراحی وب اگر می خواهید بهترین نتیجه را در طراحی وب داشته باشید! تمام تمرکز خود را به رابط …
  • آموزش طراحی سایت(جلسه ۱۸):CSS چیست؟

    CSS چیست؟ CSS به معنایطراحی سایت «صفحات استایلی آبشاری» است و روشی است برای قالب بندی و طر…
  • آموزش طراحی سایت(جلسه ۱۷):دکمه ها

    دکمهها: – دکمه :submitاین عنصر برای تأیید طراحی سایتفرم استفاده میشود. زمانی که بر ر…
  • آموزش طراحی سایت(جلسه ۱۶):textarea فیلد

    textarea فیلد – در این فیلد شما میتوانید به میزان نامحدود کاراکتر وارد کنید. طراحی س…
  • آموزش طراحی سایت(جلسه ۱۵):تگ form

    تگ form از تگ inputبرای قرار دادن انواع کنترلهای طراحی سایتدریافت اطلاعات از کاربر در فرمه…
  • آموزش طراحی سایت(جلسه ۱۴):هاIDE

    هاIDE یک ۲۲IDEیا «محیط توسعه یکپارچه» نرمافزاریطراحی سایت است که برای کمک به برنامهنویسان …
بارگذاری بیشتر در طراحی وب

۲ دیدگاه ها

  1. بازاریابی شبکه ای 

    ژانویه 29, 2017 در 4:36 ب.ظ

    سایت خوبی دارید واقعا خسته نباشید.

    پاسخ دادن

    • admin

      ژانویه 29, 2017 در 5:52 ب.ظ

      خواهش میکنم نظر لطفتون است

      پاسخ دادن

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

نشانی ایمیل شما منتشر نخواهد شد.

بررسی کنید

طراحی وب

طراحی وب اگر می خواهید بهترین نتیجه را در طراحی وب داشته باشید! تمام تمرکز خود را به رابط …