متا تگ های کاربردی HTML که هر فرانت کاری باید بدونه! 🖐

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


تو این پست چند تا از این متا تگ هارو با هم بررسی میکنیم⬇️


🔵 متا تگ description

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

<meta name="description" content="150 words"/>

🔵متا تگ keywords

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

<meta name="keywords" content="your, keywords"/>

🔵متا تگ author

این متا تگ شامل اطلاعات مختلفی مثل اسم ، شماره تماس، آدرس، ایمیل و… از نویسنده سایت هست.

<meta name="author" content="name, email@hotmail.com" />

🔵متا تگ copyright

این متا تگ برای مشخص کردن حق تالیف سند مورد استفاده قرار میگیره.
متاتگ کپی رایت باید به اسم صاحب اثر (شخص یا شرکت) باشه.

<meta name="copyright" content="company_name" />

🔵متا تگ robots

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

<meta name="robots" content="index, follow" />

🔵متا تگ viewport

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

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

🔵متا تگ Charset

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

<meta charset="UTF-8">

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


#html #seo
@CodeModule

نکاتی راجب سئو برای فرانت دولوپرا 💀

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

تو مقاله زیر، نکاتی راجب استاندارد های سئو در فرانت‌اند، شرح داده شده که پیشنهاد میکنم حتما یه سر بزنید ⚡️


🔵https://radzad.com/seo-standards


#seo #frontend
@CodeModule