شروع پرقدرت آموزش HTML و CSS [ ورود به دنیای هیجان انگیز وب! ]

30% تخفیف برای مدت محدود!

مهمترین تگ‌های Html مورد استفاده در سئو که باید در طراحی سایت رعایت شوند


نویسنده:
دوشنبه ۲۳ تیر ۱۳۹۹
تگ‌های مهم Html در سئو که باید در طراحی رعایت کنید.

یکی از اقدامات مهم در سئو، بهینه‌سازی داخلی سایت است. در این زمینه به کارگیری تگ‌های مهم Html در سئو در زمان طراحی و بعد از آن بسیار با اهمیت است. این موضوع در بسیاری از موارد در حین طراحی نادیده گرفته می‌شود، اما یک طراح سایت کارکشته باید با این مباحث اولیه سئو آشنا باشد.

در این مقاله قصد داریم مهمترین تگ‌های HTML که در سئو و بهینه‌سازی نقش مهمی ایفا می‌کنند را معرفی کنیم. تمامی این متاتگ‌ها در بخش head قالب سایت درج می‌شوند و اکثر آنها برای کاربران خروجی نوشتاری ندارند.

متاتگ‌های مهم Html در سئو

۱- تگ عنوان

تگ عنوان که به عنوان سئو هم معروف است، همان تگی است که در نتایج گوگل و تب مرورگر نمایش داده می‌شود. این تگ پرتاثیر‌ترین متاتگ از میان تگ‌های مهم Html در سئو است که باید در تک تک صفحات استفاده شود. بهتر است کلمه‌کلیدی و نام سایت در این تگ نوشته شود:

اگر از سیستم‌های مدیریت محتوا مثل وردپرس استفاده می‌کنید، این تگ از طریق افزونه‌های سئو مثل یاست ‌سئو قابل ایجاد است.

۲- رمزگذاری کارکتر

یکی از تگ‌ها مهمی که نباید حین طراحی فراموش کنید استفاده از تگ رمزگذاری برای نمایش صحیح تمام کارکترهای صفحات وب‌ است. برای این منظور تگ زیر را در بخش head در Html قرار دهید.


۳- متاتگ توضیحات

متا تگ توضیحات هم تاثیری بسیار خوبی در سئو صفحات سایت شما دارد. برای هر صفحه از سایت باید توضیحاتی بنویسید که در نتایج گوگل نمایش داده می‌شود. در گذشته گوگل به این متاتگ اهمیت زیادی می‌داد. امروزه اگرچه توجه موتورهای جستجو به این تگ کمتر شده است اما همچنان تاثیر خوبی در افزایش نرخ کلیک دارد. اگر بتوانید یک متن جذاب در این تگ بنویسید، می‌توانید نرخ ورودی و کلیک خود را افزایش دهید.


۴- متاتگ ربات‌ها

متاتگ‌های ربات به ربات‌های خزنده راهنمایی می‌کنند تا وضعیت دسترسی برای ایندکس صفحات را مشخص کنند. برای مثال تگ زیر به ربات‌های خزنده می‌فهماند که اجازه ایندکس این صفحه وجود دارد:

در حالت عادی چون تمامی صفحات ایندکس می‌شوند نوشتن کد بالا ضروری نیست اما برای صفحاتی که نمی‌خواهید ایندکس شوند از کد زیر استفاده کنید.

اگر بخواهیم به ربات‌ها بگوییم که اجازه دنبال کردن لینک‌های این صفحه را هم ندارند باید عبارت nofollow را هم به بخش content اضافه کنیم.


۵- متاتگ کلمه‌کلیدی

شما می‌توانید یک تگ کلمه‌ی کلیدی در بخش head سند html سایت قرار دهید و کلمات کلیدی اصلی خود را در آن بنویسید. البته لازم به ذکر است که گوگل طی این چند سال به این تگ توجهی ندارد و از آن استفاده نمی‌کند اما سایر موتورهای جستجو همچنان به آن توجه دارند.

فقط توجه نمایید که در استفاده از این تگ زیاده‌روی نکنید و فقط کلمات کلیدی مهم را در آن قرار دهید.

۶- تگ کنونیکال

این تگ زمانی استفاده می‌شود که شما محتوای تکراری در وب‌سایت خود دارید. محتوای تکراری معمولاً ناشی از استفاده نادرست تگ‌ها، کپی کردن محتوا و بازشدن همزمان سایت با آدرس‌های http و https‌ ایجاد می‌شود! برای رفع این مشکل تگ کنونیکال کارکرد مناسبی دارد.

البته پیشنهاد می‌کنم قبل از استفاده از این تگ جزییات آن را در مقاله‌ی زیر مطالعه کنید.

معرفی تگ Canonical و روش استفاده از آن


۷- تگ Viewport

این تگ برای نمایش صفحات وب‌سایت در نمایشگر گوشی بسیار کاربردی است. به کمک این تگ می‌توان اندازه صفحه سایت را با اندازه نمایشگر منطبق کرد. برای طراحی صحیح و responsive کردن سایت وجود این تگ ضروری است.

طراحی رسپانسیو چیست؟


۸- تگ hreflang

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

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

مطالب زیر را حتما بخوانید

cloudflare چیست؟ آموزش نحوه نصب و راه‌اندازی کلودفلر در وردپرس

استفاده از سرویس cdn می‌تواند سرعت بارگذاری سایت شما را بالا ببرد. cloudflare سرويسي است كه خدمات CDN را ارائه...

بهترین ابزارهای آنالیز بک‌لینک سایت به صورت رایگان، پیش به سوی رصد بک‌لینک‌ها !

عدم نظارت شما در بک‌لینک‌های دریافتی ممکن است اعتبار وب‌سایت شما را به خطر بیاندازد. در این مقاله ابزارهای آنالیز...

7 علت که باعث می‌شود وب سایت شما کند لود شود!

سرعت وب سایت در بهبود تجربه‌ی کاربری (UX) و سئو وب سایت تاثیر گذار است. همین دو موضوع به طور...

لینک فالو (dofollow) با لینک نوفالو (nofollow) چه تفاوتی دارد؟

لینک فالو و نوفالو در عملکرد و ساختار دارای تفاوت‌هایی هستند که امروز به این موضوع می‌پردازیم.

پکیج آموزش html و css

دوره آموزش HTML و CSS

دوره آموزش HTML و CSS به صورت ویدیویی و پروژه محور : ...

دوره آموزش افزونه EDD

دوره آموزش افزونه EDD

اگر قصد ساخت یک فروشگاه آنلاین برای فروش انواع فایل‌های قابل دانلود ...

آموزش افزایش سرعت سایت

دوره آموزش افزایش سرعت وب‌سایت

مرورگر را باز می‌کنید و آدرس سایتتان را وارد می‌کنید. مرورگر شروع ...

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

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

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