هر کسی که وب سایتی راه اندازی می کند دوست دارد که افراد زیادی از آن دیدن کنند. یکی از راهکارهای افزایش بازدید وب سایت، نمایش در صفحه اول گوگل است. حکایت اولین یافته‌ها در گوگل، حکایت مغازه‌هاست در راستهٔ اصلی بازار و تعداد بازدیدکنندگان این سایت‌ها حکمِ سیل مشتریان این مغازه‌ها. اما یکی از سوالات اساسی این است که گوگل از کجا می داند کدام وب سایت ها را در جایگاه بالاتری قرار دهد؟ معیارها و یا به عبارت دیگر الگوریتم های گوگل برای رتبه بندی سایت ها چیست؟ به گفته خود گوگل، این موتور جستجوگر برای رتبه بندی سایت ها از حدود 200 معیار و پارامتر مختلف استفاده می کند. در این مقاله به یکی از مهمترین این موارد یعنی تگ ها و متاتگ ها می پردازیم.


متاتگ(Meta tag)چیست؟
موتورهای جستجو از جمله گوگل نیاز دارند بفهمند وب سایت شما در مورد چیست تا زمانی که کاربری کلمه ای مرتبط با سایت شما جستجو کرد، وب سایت شما را در لیست جستجو ها نمایش دهد. همچنین برنامه نویسی  سایت شما متشکل از صدها پوشه و فایل است، موتورهای جستجو باید راهنمایی شوند که کدام فایل ها و پوشه ها رو مورد جستجو قرار دهند تا محتوای آن فایل ها را ارزیابی کنند. اگر برنامه نویس سایت شما این کمک ها را به موتورهای جستجو نکنند در واقع آن ها را به زحمت می اندازند تا سایت شما را کاوش کنند. به راستی زمانی که شما عکسی را در گوگل جستجو می کنید، از کجا می داند این عکس مربوط به چیست؟ گوگل امروزه بیشتر بر مبنای متن کار می کند نه تصویر اما تصاویر مرتبط با جستجوی کاربر را به خوبی پیدا کرده و نمایش می دهد.
به طور خلاصه تگ ها و متاتگ ها، کدهای HTML هستند که توسط برنامه نویس در کد سایت شما قرار می گیرد تا به موتورهای جستجو کمک کند بهتر و دقیق تر وب سایت شما را کاوش کنند. پاداش وب سایتی هم که از متاتگ ها به درستی استفاده کند چیزی نیست جز اینکه در جایگاه بهتری در رتبه بندی گوگل قرار می گیرد. چه پاداشی از این بهتر!
متا تگ ها درواقع از جنس اطلاعات هستند که به عنوان واسط بین سایت و موتور های جستجو گر استفاده می شوند و انواع مختلفی دارند که در صورت استفاده هوشمندانه از این تگ ها سایت شما توسط موتور های جستجوگر دیده و از رتبه بالاتری برخوردار خواهد شد.
لازم به ذکر است که تمامی متاتگ ها در سربرگ heading نوشته می شوند. شکل کلی دستورات و خصوصیات مشترک آنها به شکل دستور زیر است:


<meta   http-equiv="مقدار"  name="مقدار"   content="مقدار"   />


مهم ترین تگ ها و متاتگ های موثر در سئو (SEO)
1- تگ Title
تگ Title در بر گیرنده موضوع اصلی وب سایت شما است و به توصیف محتوای یک صفحه می پردازد. محتوای این تگ در تب مرورگر و همینطور در نتایج جستجو به نمایش در می آید. وجود کلمات کلیدی در عنوان صفحه، هنوز یکی از قدرتمند ترین سیگنال های رتبه بندی در موتورهای جستجو است.
عنوان صفحه می بایست با موضوع آن در ارتباط باشد. بهتر است که کلمه کلیدی اصلی در ابتدای این تگ قرار داشته و در ادامه نیز یکی از کلمات کلیدی فرعی نوشته شود. آزمایشات نشان می دهند که هرچه کلمه کلیدی اصلی به ابتدای آن نزدیک تر باشد، احتمال کسب رتبه و همینطور کلیک، افزایش خواهد یافت.
توچه داشته باشید که عنوان هر صفحه از سایت شما باید با صفحه ی دیگر متفاوت باشد. یعنی اگر وب سایت شما شامل 956 صفحه است باید هر صفحه عنوان مخصوص به خود را داشته باشد. وجود عنوان تکراری در صفحات مختلف یکی از مواردی است که گوگل برای آن جریمه در نظر گرفته است و رتبه وب سایت را کاهش می دهد.
شکل دستوری:


<title/> عنوان صفحه <title>


2- متاتگ توضیحات یا description
شما به عنوان یک کاربر اینترنت حتما تا به حال شاهد این صحنه بوده اید که وقتی یک موضوع را جستجو (Search) می کنید زیر لینک سایت هایی که به شما نمایش داده می شوند توضیحاتی قرار گرفته که این توضیحات همان توضیحاتی هستند که طراح سایت شما در تگ head در متاتگ توضیحات قرار داده است. بهتر است برای نوشتن توضیحات از کلمات کلیدی سایت خود استفاده کنید، همچنین بهتر است تعداد کاراکترهای (حروف) این بخش بین 150 تا 220 کاراکتر باشد. توجه داشته باشید که فاصله بین حروف هم به عنوان یک کاراکتر در نظر گرفته می شود.
برای مثال به قسمت هایلایت تصویردقت کنید،این توضیحات همان متاتگ Description و title می باشند.

 


شکل دستوری:


 <meta   name="description"   content="این متن توضیحی در مورد صفحه ی جاری می باشد" />


این تگ نیز مانند تگ title باید برای هر صفحه منحصر به فرد و یکتا باشد.

3- متا تگ Content Type
شما هر وب سایتی را از طریق مرورگر مشاهده می کنید. مرورگرها در واقع برنامه هایی هستند که کدهای برنامه نویسی شده و متن ها را به زبان ما انسان ها ترجمه می کنند و نمایش می دهند. هر حرف و کاراکتری در دنیای کامپیوتر صفر و یک است و لازم است این صفر و یک ها ترجمه شوند. به این ترجمه  یونیکد (UNICODE) گفته می شود. خب بهتر است شما مرورگر و به دنبال آن موتورهای جستجو گر را راهنمایی کنید که از چه یونیکدی برای این ترجمه (تبدیل صفر و یک ها به حروف خوانا) استفاده کنند. یونیکدی که برای زبان فارسی استفاده می شود utf-8 نام دارد. یک سایت حرفه ای باید نیاز تمام کاربران را درنظر گرفته و برای مشکل های احتمالی برنامه ریزی کند، بنابراین برای وب سایت های فارسی حتما از این متاتگ استفاده کنید.
شکل دستوری:


 <meta   http-equiv="content-type"   content="text/html;charset=utf-8"  />


همین یک خط کد کافیست تا مرورگر بداند از چه الگوریتمی برای ترجمه باید استفاده کند.

4- متاتگ زبان ها content-language
علاوه بر اینکه به مرورگر می گویید از چه یونیکدی برای ترجمه کاراکترها استفاده کند، با استفاده از این تگ به موتور جستجو گر می گویید زبان سایت شما چیست.
شکل دستوری برای انتخاب زبان فارسی به شکل زیر است:


<meta http-equiv="Content-Language"  content="fa" />


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


الف) حالت پیش فرض : ایندکس کردن صفحه و لینک ها توسط موتورهای جستجوگر
شکل دستوری:


<meta   NAME="ROBOTS   "CONTENT="ALL"  />


ب) با استفاده از متاتگ Robots زیر به موتورجستجوگر اعلام میکنیم که صفحه را ایندکس کند ولی لینک ها را دنبال نکند. این کد برای دسته صفحاتی که از محتوای موجود در لینک های موجود در آن مطمئن نیستید استفاده می شود تا در صورت بی ربط بودن آنها با موضوع صفحه ی شما ، تاثیری در رتبه بندی سایت شما نگذارد.

شکل دستوری:


<meta  NAME="ROBOTS"   CONTENT="INDEX,NOFOLLOW"   />


ج) متاتگ Robots زیر برای صفحات مدیریت و یا صفحاتی که نمیخواهید در موتورهای جستجوگر ایندکس شوند استفاده میشود. و با این دستور به موتورهای جستجوگر دستور می دهیم که صفحه را ایندکس نکنند.

شکل دستوری:


<meta   NAME="ROBOTS"   CONTENT="NONE"  />
یا
<meta   NAME="ROBOTS"   CONTENT="NOINDEX,NOFOLLOW"   />


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


Disallow: /administrator/
Disallow: /bin/
Disallow: /cache/


با این کدها شما گوگل را راهنمایی کرده اید که لازم نیست محتوای پوشه های administrator، bin و cache را پایش کند.

6- تگ هدینگ (Heading)
تگ هدینگ یا سربرگ یکی از تگ های مهم در صفحات وب است. بر حسب اهمیت از h1 تا h6 متغیر است و با استفاده از این تگ شما می توانید اهمیت عبارات را در صفحه ی وب سایت خود مشخص کنید. با اهمیت ترین عبارات را با  h1 نمایش می دهیم. به عنوان مثال سرتیتر مقاله را به این صورت می نویسیم


<h1>سرتیتر مقاله شما </h1>


و تیتر با اهمیت کمتر را درون h2 قرار می دهیم. توجه کنید که هر صفحه از سایت شما حتما باید یک تگ h1 داشته باشد اما تگ های h2 تا h6 از نظر سئو اجباری نیستند.


7- تگ  پاراگراف p
طراح سایت شما چه به سئو اهمیت بدهد چه اهمیت ندهد، از این تگ استفاده خواهد کرد. تگ پاراگراف در بردارنده متن مقاله و مطالب سایت شما است. هر صفحه از سایت شما می تواند چندیدن پاراگراف داشته باشد.
شکل دستوری:

<p>متن پاراگراف</p>


8- تگ strong
هنگامی که در حال نوشتن مطلبی در سایت خود هستید قطعا متن شما شامل کلماتی است که در برگیرنده ی موضوع اصلی متن است. (به عنوان مثال یکی از کلمات کلیدی در این مقاله "طراحی سایت" است.) شما دوست دارید زمانی که کاربران در حال جستجوی این کلمات هستند گوگل سایت شما را در لیست سایت های مرتبط قرار دهد. به این کلمات اصطلاحا کلمات کلیدی گفته می شود. در هنگام نوشتن محتوای صفحه وب سایت خود، کلمات کلیدی را داخل تگ strong قرار دهید. بدین ترتیب موتورهای جستجو متوجه کلمات کلیدی مطلب شما خواهند شد.
شکل دستوری:

<strong>کلمه کلیدی</strong>


9- متاتگ keywords
ابتدا قصد معرفی این متا تگ را نداشتم چرا که چندسالی است گوگل اعلام کرده به آن توجه نمی کند یا به عبارت بهتر نیازی به این تگ ندارد. این تگ برای معرفی کلمات کلیدی صفحه به کار می رود. توجه کنید که درست است گوگل دیگر از این تگ استفاده نمی کند اما احتمالا موتورهای جستجوی دیگر مانند یاهو یا بینگ همچنان از آن استفاده می کنند. کلمات کلیدی متن صفحه خود را پشت سر هم لیست کنید و با کاما از یکدیگر جدا نمایید.
شگل دستوری:

<meta name="keywords" content="طراحی سایت, طراحی فروشگاه اینترنتی, برنامه نویسی , طراحی سایت فروشگاهی ارزان"> 


10- تگ Schema  
کدهای اسکیما توسط Schema.org خلق شدند و نوعی از میکروداده ها محسوب می شوند. وقتی شما کدهای اسکیما را به محتوای خود اضافه می کنید، توصیف بیشتری را در اختیار موتورهای جستجو قرار میدهید تا درک بهتری از محتوای سایت شما بدست آورند. برای موارد زیر کد اسکیمای مرتبط وجود دارد
برای موارد زیر کدهای نشانه گذاری وجود دارد:
- مقالات
- کسب و کارهای محلی
- رستوران
- برنامه های تلویزیونی
- خلاصه کتاب
- فیلم
- اپلیکیشن
- رخدادها
- محصولات
- اشخاص
- دستورالعمل ها
به عنوان مثال با استفاده از تگ اسکیما موتوهای جستجو را متوجه می کنید که در مورد یک فیلم با نام "Avatar" به کارگردانی "james Comeron" مطلب نوشته اید.
نمونه کد اسکیما


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


11- تگ کنونیکال (Canonical)
وجود صفحات تکراری یکی از موارد منفی در سئو سایت است. اما گاهی مجبوریم صفحاتی در سایت خود ایجاد کنیم که تا اندازه زیادی مشابه یکدیگرند (از حیث متن و محتوا). به عنوان مثال ممکن است شما در حالی که نمونه کارهای خود را در سایت قرار می دهید متوجه شوید 80 درصد متن این صفحات مشابه یکدیگرند. همچنین لباسی را در یک سایت فروشگاهی در نظر بگیرید که در 4 رنگ مختلف عرضه می شود و هر رنگ محصول یک صفحه مخصوص به خود دارد. گوگل این صفحات را به عنوان صفحات تکراری شناسایی کرده و به سایت شما امتیاز منفی می دهد. از طرفی هم نمی توانید تمام نمونه کارهای خود را در وب سایت قرار ندهید. تگ کنونیکال به موتورهای جستجو می گوید این صفحه را به صفحه مشابه ای که در لینک این تگ قرار دارد ارجاع بده.  وظیفه کنونیکال هدایت صفحات مشابه به صفحه اصلی است.
شگل دستوری:

<link rel="canonical" href="https://www.example.com/quality-wrenches.html"/>


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

<meta name="viewport" content="width=device-width, initial-scale=1.0">


13- تگ لینک (a)
تگ a به منظور لینک دادن صفحات وب به یکدیگر استفاده می شود و دو نوع کلی دارد: لینک های خارجی و لینک های داخلی. در صورتیکه شما بخواهید در محتوای سایت خود به سایت دیگری اشاره کنید از لینک دهی خارجی و در صورتیکه بخواهید به مطالب دیگری از سایت خود اشاره کنید از لینک دهی داخلی استفاده می کنید. زمانی که گوگل تاسیس شد یکی از اولین الگوریتم هایش برای رتبه بندی سایت ها بررسی لینک ها بود. گوگل اینطور تصور کرد که وب سایت ها با موضوعات مشابه قطعا به یکدیگر لینک می دهند و بدین ترتیب توانست وب سایت ها را گروهبندی کند. اکنون نیز یکی از موارد مهم در رتبه بندی سایت ها، لیک های سایت است. هر چه سایت های بیشتری به وب سایت شما لینک بدهند، سایت شما اعتبار بیشتری خواهد داشت. اما اگر شما به سایت های مختلفی لینک دهید تاثیر مثبتی در سئو نخواهد داشت. مراقب باشید برای بدست آوردن لینک از سایت های دیگر در دام سئو کلاه سیاه نیفتید!
به جز لینک های خارجی، سعی کنید از لینک های داخلی به طور موثری استفاده کنید. مقالات و مطالب مرتبط با یکدیگر را به یکدیگر لینک کنید. ربات های گوگل برای درک ارتباط موضوعی صفحات از لینک ها استفاده می کنند. سعی کنید زمانی که مطلب جدیدی در سایت قرار می دهید، لینکی از صفحه اول به ان مطلب ایجاد کنید. همچنین برای حفظ بازدید و رتبه ی صفحات قدیمی تر، درون مالب جدید به آن ها لینک دهید.
شکل دستوری:

 

 

 

<a href="/آدرس صفحه">فروشگاه اینترنتی</a>


14- تگ متن جایگزین تصویر (alt)
در ابتدای مقاله اشاره کردم که واقعا گوگل از کجا می داند چه تصویری مربوط به چه کلمه ای است؟ زمانی که شما عبارتی را در گوگل جستجو می کنید، تصاوویر مربوط به آن نیز برای شما نمایش داده می شود. طراح سایت با استفاده از تگ alt موتورهای جستجو را راهنمایی می کند.
شگل دستوری:

<img src="/آدرس عکس" alt="موضوع عکس" />

 

مقالات پیشنهادی

سئو و بهینه سازی سایت

راز افزایش مشتریان وب سایت

بازاریابی محتوایی

ویژگی های یک وب سایت خوب

آخرین نمونه کارها
فروشگاه اینترنتی جام هنر

فروشگاه اینترنتی جام هنر

آگاهی ما از متدهای طراحی یک وبسایت فروشگاهی و همچنین آشنایی با تمامی جنبه ها و چالش های کسب و کار آنلاین....

نمونه کار
طراحی سایت بازاریابی شبکه ای

طراحی سایت بازاریابی شبکه ای

بازاریابی شبکه ای شیوه ای از بازاریابی است که در آن شرکت به اعضایش حق کمیسیون می‌دهد تا افراد جدید را وارد کنند...

نمونه کار
طراحی سایت روزنامه پاسارگاد

طراحی سایت روزنامه پاسارگاد

با بررسی وب سایت های روزنامه مطرح، سعی بر آن کرده ایم که سایتی در خور شان نشریه ی محترم پاسارگاد طراحی کنم.

نمونه کار