در حال اتصال به هلدینگ کد ایران ...

۰۹۱۲۳۷۷۰۶۸۷

پشتیبانی ۲۴ ساعته :

۰۲۱-۸۸۹۳۴۷۱۶

تلفن تماس :

×
"

تگ متا چیست؟!-۸تگ متا و توضیحات آن – کد ایران

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
تگ متا

قراره توی این مقاله توضیح کاملی درباره تگ متا براتون بذارم تا با انواع تگ متا آشنا بشید و به جواب تمام سوالاتتون درباره این تگ برسید و دیگه هیچ ابهام و مشکلی درباره تگ متا نداشته باشید.

تگ متا چیست؟! -۸ تگ متا و توضیحات آن

 

اول از همه باید بگم که تگ متا یک تگ meta data است. خب حالا سوال توی ذهنتون حتما اینه که تگ metadata چیه! این تگ یه سری اطلاعات رو که درباره اطلاعات دیگه ای هست میگیره و به موتورهای جستجویی مثل موتور جستجو google و yahoo  و بقیه مرورگرهای موجود توی اینترنت میده.

تگ متا یکی از مهمترین و کلیدی ترین تگ های html هست. حالا چرا میگیم این تگ خیلی مهم هست! دلیلش اینه که اطلاعاتی که از سایت در این تگ قرار میگیره به موتورهای جستجو کمک میکنه که سایت ما رو به راحتی آنالیز کنن و زمانی که کاربر کلمه ای رو سرچ میکنه، موتورهای جستجو اون کلمه سرچ شده توسط کاربر رو با محتوای سایت ما چک میکنه و سایت مارو هم به عنوان نتیجه سرچ کاربر در صفحاتش نمایش میده؛ پس برای سئو و بهینه سازی سایت از تگ های مهم میباشد.  این تگ توی سایت ما محتویاتش نشان داده نمیشه و فقط میتونیم توی کد اصلی سایت این تگ  رو ببینیم.

خب حالا بریم سراغ طریقه استفاده از تگ متا:
این تگ رو باید تو بخش head بنویسیم، یه مثال خیلی ساده میزنم و در ادامه تمام تگ های متا رو براتون کامل توضیح میدم:

<head>

                </”meta name=”value”   content=”value>

</head>

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

ما با استفاده از این تگ، اطلاعاتی مثل نام نویسنده یا طراح سایت، کلمات کلیدیمون، یه توضیح مختصر کلی از اینکه سایتمون درباره چه موضوعی هست ، و اینکه توی خیلی  از مرورگرها، اگر زبان نوشتاریمون(فارسی) رو معرفی نکنیم مرورگر نمیتونه بخونه سایت رو و یه سری کلمات عجیب و غریب بهمون نشون میده که برای حل کردن این مشکل باید توی تگ متا زبان فارسی رو  معرفی کنیم.

حالا بریم سراغ انواع متا تگ ها ، اما اول از همه بگم که ابتدای تگ ها شکل صحیح نوشتن این تگ رو نوشتم  و بعد تگ رو کامل توضیح دادم :

تگ متا ،ساخت سایت

تگ متا ،طراحی حرفه ای سایت

متا تگ برای نوشتن فارسی:

</ “meta charset=”utf-8>

با نوشتن این تگ به مرورگرها اعلام میکنیم که سایت ما نوشته های فارسی داره و دیگه کلمات عجیب و غریب نشون نمیدن.

تگ متا keyword:

</ “meta  name=” keywords”  content=” HTML, CSS, XML, XHTML, JavaScript>

بعد از خاصیت name کلمه کلیدی keyword نوشته شده که به معنی این هستش که در content ما تمام کلمات کلیدی مهم سایتمون رو نوشتیم و به مرورگر این کلامات رو اعلام میکنه و مرورگر زمانی که کاربری کلمه ای رو سرچ میکنه، میاد کلمه سرچ شده ارو با کلمات داخل تگ متا خاصیت content مقایسه میکنه اگر یکی بود سایت مارو هم در نتایج جستجوی کاربر نشون میده.

تگ متا description:

</ “meta name=”description” content=”Free Web tutorials on HTML and CSS>

خب ما توی این تگ توضیح مختصر و کلیدی درباره محتویات سایتمون مینویسیم، کار مهمی که این تگ میکنه درست مثل کاریه که تگ بالا انجام میداد؛ این تگ هم برای اینکه موتورهای جستجو بتونن کلمه کلیدی جستجو شده ی کاربر رو با توضیح سایت ما مقایسه کنند و در نتایج جستجوی به کاربر نشون بدن استفاده میشه.

تگ متا author:

</ “meta name=”author” content=”nami>

ما توی این تگ اسم طراح سایت رو مینویسیم.

تگ متا refresh:

</ “meta http-equiv=”refresh” content=”۳۰”; URL=”sepahan7.ir>

</  “meta http-equiv=”refresh” content=”30>

توی این تگ براتون دوتا مثال نوشتم که مثال اول برای redirect کردن هستش. بعضی وقتا طراحان سایت میخوان زمانی که آدرس سایتی زده میشه اون سایت باز نشه و سایت دیگه ای با اسم دیگه ای رو به کاربر نشون بده که به این کار میگن redirect کردن. فرض رو بر این میگیریم که سایتی به اسم mari.ir داریم که میخوایم زمانی که کاربر mari.ir رو سرچ کرد به فاصله ۳۰ ثانیه سایت sepahan7.ir لود بشه، برای این کار اولین مثالی که برای این تگ نوشتیم رو مینویسیم.

خب بعضی وقتا توی سایت ما تغییرات لحظه ای رخ میده مثلا باید تعداد عضوهای اضافه شده به سایت رو هرلحظه بهمون نشون بده برای این کار هر  ۳۰ ثانیه صفحمون با کد دوم refresh میشه بدون اینکه صفحه کلا از نو نمایش داده بشه.

متا تگ generator:

</ “meta name =” generator ”  content=”notepad>

با این تگ ما اعلام میکنیم سایتمون رو با notpad  نوشتیم. یعنی شما در این تگ اسم CMS یا زبان برنامه نویسی تون رو مینویسید.

متا تگ revised:

</ “meta name =”rivised” content=”2010/6/11>

ما توی این تگ آخرین زمان بروزرسانی سایتمون رو مشخص میکنیم.

متا تگ expires:

</ “meta name=”expires” content=”true, 5 novamber 2017>

</ “meta name=”expires” content=”never>

در این تگ مشخص میکنیم که سایتمون در چه تاریخی منقضی میشه یا اینکه اصلا سایت منقضی نشه.

تگ متا other:

</ “meta name =”others” content=”many description for this page>

 بعضی از برنامه نویسان سایت دوست دارند یه سری توضیحات اضافه برای سایت هاشون بنویسن که توی متاتگ های بالا یا همون تگ های متا عنوانی برای همچین توضیحاتی نداره، پس برنامه نویس از تگ متا other استفاده میکنه و توضیحات اضافه ای رو که مدنظر داره مینویسه.

خب توی این مقاله براتون کلیه توضیحات تگ متا رو دادم. حالا باز اگه سوالی درباره این تگ خیلی مهم داشتید توی  قسمت ارسال دیدگاه بنویسید تا به جواب سوال هاتون برسید و دیگه هیچ ابهامی نداشته باشید.

امیدوارم اطلاعات مفیدی رو درباره این تگ تو این پست یاد گرفته باشید.

نویسنده : حسین سهرابی

حسین سهرابی ; فعالیت خود را در سال 88 شروع و با بیش از 1700 سابقه کاری در زمینه طراحی وب و سئو شروع کردم . یکی از آرزوی های شخصی بنده این است که با ترفندهای نوین بازاریابی نوین به کسب و کار ایرانی ها رونق بدم .

بدون دیدگاه

لطفاً دیدگاه خود را بیان کنید

نظر شما