طراحی سایت , طراحی وب سایت , شرکت طراحی سایت کد ایران

تگ متا

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

 

 متا تگ چیست و چه مزیت هایی دارد

اول از همه باید بگم که تگ متا یک تگ 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=”codeiran.net>

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

 

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

خب بعضی وقتا توی سایت ما تغییرات لحظه ای رخ میده مثلا باید تعداد عضوهای اضافه شده به سایت رو هرلحظه بهمون نشون بده برای این کار هر  ۳۰ ثانیه صفحمون با کد دوم 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 استفاده میکنه و توضیحات اضافه ای رو که مدنظر داره مینویسه.

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

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

 

 

مطالب مرتبط
آموزش سئو

آموزش سئو و بهینه سازی سایت – ۰ تا ۱۰۰ سئو سایت حرفه ای – کد ایران

آموزش سئو; شاید شما که دارید همین حالا این متن رو میخوانید صاحب یک وب سایت باشید ، یا شاید هم یکی از کسانی هستید که در حال حاضر در زمینه طراحی سایت فعال هستید و شاید هم در حال بررسی شرایط موجود برای ورود به دنیای طراحی وب سایت و یا کسب و کار […]

Read More…

۰ comments
استفاده از PBN

استفاده از PBN یک ریسک بزرگ با ارزش یا خطر نابودی – CodeIRAN

مهم ترین دلیل استفاده از PBN ، داشتن کنترل بر لینک ها و دامنه هایی که خریداری می کنید، بدون نیاز به هزینه اضافه و مذاکره با افراد دیگرد، استفاده از محتوا ها و دامنه های معتبر برای شما می باشد. خرید بک لینک از سایت های دیگر یک سری مضراتی دارد. همین امر باعث […]

Read More…

۰ comments
خدمات سئو و بهینه سازی سایت

خدمات سئو – خدمات SEO – خدمات بهینه سازی سایت – CodeIRAN

یکی از مهم ترین مسائلی که همیشه به آن تاکید داریم همین خدمات سئو و بهینه سازی سایت می باشد ! اغلب افراد فکر می کنند که صرفا برای وارد شدن به دنیای دیجیتال مارکتینگ کافیست یک پیج اینستاگرام درست کنند و خیلی اگر بخوان هزینه کنند یک سایت هم طراحی کنند و دیگ اگه […]

Read More…

۰ comments

 

 

مارا در شبکه های اجتماعی دنبال کنید

فیسبوک توییتر تلگرام اینستاگرام

شما میتوانید برای استفاده از ۱۷ دقیقه مشاوره حرفه ای رایگان از طریق زیر با ما شرکت طراحی سایت کدایران باما در ارتباط باشید :

تماس با ما >



نظری ثبت نشده است

خانـــــــــــه آموزش ها html - css متا تگ چیست ؟ – تگ متا و توضیحات آن – CodeIRAN
×