تگ Alt تصاویر چیست و چه تاثیری بر سئوی سایت دارد؟

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

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

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

بنابراین اگر می خواهید در مورد تگ Alt و نحوه به حداکثر رساندن آن بدانید، این مقاله را تا انتها دنبال کنید.

تگ Alt چیست؟

در تمام تصاویر استفاده شده در یک وب سایت، تگ Alt موضوع مورد نظر تصویر را توصیف می کند.از این نماد می توان به عنوان متن جایگزین برای تصاویر در هنگام بارگذاری خطا استفاده کرد تا در صورت عدم نمایش تصویر، کاربران بتوانند معنی و عملکرد آن را بدانند.

علاوه بر این، مرورگرها دارای ویژگی هایی هستند که افراد نابینا یا کم بینا اغلب برای گوش دادن به محتوای آنلاین از آن استفاده می کنند. خواندن این تگ ها از طریق مرورگر این امکان را برای این افراد فراهم می کند که معنی و محتوای تصاویر را بگویند. اما این تنها استفاده از تگ Alt نیست!

کد زیر نمونه ای از تگ تصویر کامل HTML است:

&آن؛ img title = “”تصویر” src = “image.jpg”” alt = “”تصویر” / & gt;

همانطور که مشاهده می کنید در کد بالا 3 قسمت وجود دارد که در زیر به بررسی کاربرد هر کدام می پردازیم:

img src: این قسمت مربوط به آدرس تصویر است. برای قرار دادن یک تصویر در محتوای سایت خود باید آدرس تصویری که در آن ذخیره شده را در این قسمت وارد کنید.

alt: این قسمت مربوط به تگ alt است. در داخل علامت نقل قول، باید تگ Alt مورد نظر را قرار دهید.

عنوان: این بخش در واقع عنوان تصویر شماست. در این قسمت باید یک عنوان مناسب برای تصویر خود قرار دهید.

ویژگی‌های عنوان و alt یک تصویر، اگرچه از نظر فنی واقعاً تگ نیستند، به عنوان برچسب‌های عنوان و تگ alt شناخته می‌شوند.تگ alt مفهوم و کاربرد تصویر را توصیف می کند. بنابراین، اگر از یک تصویر به عنوان دکمه برای خرید محصول X استفاده کرده اید، تگ alt شما باید چیزی شبیه دکمه خرید محصول X باشد.

هنگامی که ماوس را روی تصاویر نگه دارید، نماد عنوان ظاهر می شود. این تگ می تواند یک راهنمای ساده در مورد عکس یا یک پیشنهاد خوب برای تشویق کاربران به کلیک بر روی عکس باشد. بنابراین در مورد مثال تصویر دکمه خرید محصول، عنوان می تواند یک ابزار فراخوان باشد، مانند خرید محصول X تنها با 20 هزار تومان.

به طور معمول، تصاویر وب سایت نیاز به یک تگ Alt دارند تا توسط موتورهای جستجو بهتر دیده شوند. معمولاً تصاویری که برای طراحی و تزیین وب سایت استفاده می شوند باید در کد CSS قرار گیرند نه در کد HTML. اما اگر این تغییر مانند تصویر زیر امکان پذیر نیست، به راحتی می توانید تگ Alt را خالی بگذارید تا مرورگرها و موتورهای جستجو آن را نخوانند.

حتما بخوانید: بازاریابی سبز چیست و چگونه در آن موفق شویم؟

تاثیر تگ Alt بر سئوی سایت

گوگل برای تگ های Alt تصاویر مقدار بالایی تعیین کرده است.این ارزیابی به دلیل درک آسان تصاویر و تعیین موضوع محتوای پیرامون آنهاست. همانطور که قبلاً بارها گفته شد، این مقدار آنقدر مهم است که گوگل سرویس Google Image را به آن اختصاص داده است. همچنین افزونه Yoast SEO محتوای وب سایت را قبل از آپلود بررسی می کند و همیشه توصیه می کند که حداقل یک تصویر با تگ Alt (حاوی کلمه کلیدی) در محتوا گنجانده شود. به این ترتیب، به شما می گوید که آیا تصویری در محتوا وجود ندارد یا از تگ Alt استفاده نمی کنید.

با این حال، افزونه Yoast تنها یک موتور تولید است و هیچ اطلاعی از استراتژی محتوای شما ندارد. اگرچه وجود کلمات کلیدی در تگ های Alt اجباری است، اما به این معنی نیست که در همه تگ ها بیش از حد از آنها استفاده شود. شما به عکس های مرتبط و باکیفیت نیاز دارید که با محتوای شما مرتبط باشد و از کلمات کلیدی مشابه در توضیحات خود استفاده کند. با این حال، گاهی اوقات محتوای تصویر آنقدر دقیق است که به شما اجازه نمی دهد از کلمات کلیدی کوتاه و کلی استفاده کنید. با این حال، استفاده از تگ های طولانی و توصیفی Alt هم شانس استفاده بهتر از کلمات کلیدی را افزایش می دهد و هم در درک تصویر و محتوا برای موتورهای جستجو موثر است.تگ Alt و تگ عنوان در وردپرس

اگر از وردپرس برای مدیریت محتوای وب سایت و وبلاگ خود استفاده می کنید، می توانید از ویژگی های در نظر گرفته شده برای تگ عنوان و تگ Alt تصاویر استفاده کنید. به طور پیش فرض، وردپرس نامی را که با آن تصاویر برای عنوان یا نام تصویر در مقاله ذخیره می شود، در نظر می گیرد، اگر به محتوا مربوط نیست، باید این نام را تغییر دهید.

همچنین تصاویر ذخیره شده در دوربین ها نیز با نام هایی مانند DCMIMAGE10.jpg ذخیره می شوند که با توجه به محتوای آن باید تغییر داده شود. پس از تنظیم عنوان، اگر متن مناسبی برای تگ Alt ندارید، بهتر است همان عنوان عکس را در قسمت متن انتخابی (همان تگ Alt) کپی کنید. اگرچه این واقعاً توصیه نمی شود، اما بهتر از خالی گذاشتن این قسمت است.

در واقع با توجه به امکانات کاربرپسندی که وردپرس در اختیار مدیران سایت قرار می دهد، استفاده از تگ Alt و بهینه سازی نکردن تصاویر سایت به جز تنبلی دلیل دیگری ندارد. در ضمن با این تغییرات کوچک (که تنها چند دقیقه طول می کشد) می توانید سئوی وب سایت خود را تا حد زیادی بهبود ببخشید و جایگاه بهتری در نتایج موتورهای جستجو کسب کنید.حتما بخوانید: آیا می دانستید که کمی تنبلی می تواند شما را خلاق تر کند؟

آیا به دنبال خدمات سئو هستید؟ ما دانش لازم برای افزایش اعتبار و رتبه شما در گوگل را داریم. پس با ما تماس بگیرید برای مشاوره رایگان همین حالا با ما تماس بگیرید ترافیک وب سایت خود را افزایش دهید 021-41897070 داخلی 3

چگونه یک تگ alt خوب بنویسیم؟

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

&آن؛ img src = “pancakes.png” alt = “پنکیک” & gt;

با دلسوزی فراوان، تگ Alt مثال بالا را می توان معیار خوبی دانست زیرا از عبارات توصیفی استفاده نمی کند و اندازه و سلیقه آن معقول نیست. اگرچه این تصویر یک بشقاب ساده از پنکیک زغال اخته است، اما چیزی بیشتر از پنکیک در آن وجود دارد.

&آن؛ img src = “pancakes.png” alt = “انباشته پنکیک بلوبری با پودر قند” & gt;

ترجمه: پنکیک بلوبری با پودر قند

این علامت بسیار بهتر از علامت قبلی است زیرا از یک جمله توصیفی طولانی استفاده می کند که تقریباً تمام قسمت هایی را که با دیدن تصویر می توانید درک کنید را پوشش می دهد.&آن؛ img src = “pancakes.png” alt = “” & gt;

یا

img src = “pancakes.png” alt = “پنکیک پنکیک تابه کیک هات کیک & gt;

کیک هات کیک بهترین غذای صبحانه صبحانه بهترین دستور پخت صبحانه صبحانه

دستور پنکیک” & gt;

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

نکته: در مثال های بالا از علائم انگلیسی استفاده شده است تا کاربر متوجه شود تگ Alt دقیقا کجاست و دچار سردرگمی نشود. این بدان معنا نیست که نماد Alt خود را به فارسی ننویسید.

به طور کلی برای نوشتن یک علامت Alt خوب به نکات زیر توجه کنید:

تصویر را به بهترین شکل توصیف کنید: تگ Alt مهمترین عامل در شناسایی مفهوم تصاویر برای موتورهای جستجو و افراد با بینایی ضعیف است. اگر تصاویری دارید که معنای خاصی ندارند و فقط برای تزیین و زیبایی استفاده می شوند، بهتر است به جای کد HTML آنها را در کد CSS قرار دهید.یک تگ Alt مناسب بنویسید: جملات کوتاه اغلب برای توصیف هر تصویر کافی نیستند. حتی اگر تصویر مربوط به خودرو باشد، به مشخصاتی مانند مدل، رنگ و سال ساخت نیاز دارید. بنابراین کلمه مرسدس بنز C کلاس قرمز 2017 کوچکترین توصیفی است که می توان به یک خودروی مرسدس بنز داد. در مقابل، جملات طولانی اغلب توسط مرورگرهای طراحی شده برای نابینایان قابل خواندن نیستند. علاوه بر این، هنگام توصیف یک تصویر، فقط باید کلیات آن را ذکر کنید. به طور کلی می توان گفت که طول تگ Alt باید کمتر از 125 کاراکتر باشد.

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

از کلمات کلیدی بیهوده استفاده نکنید: اگرچه گوگل نمی تواند متوجه نقاط ضعف نوشته شما شود، اما استفاده کورکورانه از کلمات کلیدی در تگ های Alt، بدون در نظر گرفتن ارتباط بین تصاویر و متن تگ، می تواند شما را به دردسر بیاندازد.توصیه می کنیم که تصاویر را فقط با عبارات مناسب توصیف کنید.

از تصاویر به جای متن استفاده نکنید: موتورهای جستجو نمی توانند متن نوشته شده در تصاویر را بخوانند. بنابراین، از این کار اجتناب کنید. اگر مجبور هستید، هر چیزی را که در تصویر توضیح می دهید در تگ alt تصویر قرار دهید.

از عبارات “تصویر…” و “عکس از…” استفاده نکنید: در حال حاضر، موتورهای جستجو فرض می کنند که متن جایگزین شما به یک تصویر اشاره دارد. پس نیازی به ذکر نیست.

دکمه های فرم را نادیده نگیرید: اگر فرمی در وب سایت خود دارید و از تصویری برای دکمه ارسال استفاده می کنید، حتماً از تگ Alt برای توصیف کامل عملکرد آن استفاده کنید. بنابراین لازم است در متن Alt این کلیدها عباراتی مانند Find، Sign Up، Sign in و Apply Now بنویسید.

تصویر تگ alt شما باید نزدیک به چیزی باشد که کاربران به دنبال آن هستند: سعی کنید تگ alt خود را به گونه ای بنویسید که برای کاربر و موتورهای جستجو جذاب باشد. به این ترتیب تصاویر شما در نتایج جستجو ظاهر می شوند.

در نهایت بد نیست این مقاله را با ذکر چند مثال مفید به پایان برسانیم.به تصویر دقت کنید. در تصویر زیر مردی را در حال حرکت روی پله برقی مشاهده می کنید. تگ Alt پیشنهادی برای این تصویر می تواند یکی از موارد زیر باشد:

برچسب جایگزین خوب: مردی روی پله برقی

برچسب alt بهتر: مردی سوار بر پله برقی

بهترین تگ Alt: مردی سوار بر پله برقی مرتفع

حتما بخوانید: دوئل کوکاکولا و پپسی. بهترین نوشابه چیست؟

پایان

شاید تصور آن کمی سخت باشد، اما قرار دادن نماد Alt برای تصاویر تاثیر زیادی بر سئو و ترافیک سایت شما دارد. تصور کنید کاربری به دنبال تصویری خاص در نتایج جستجوی گوگل است و ناگهان تصاویر جذابی در سایت شما پیدا می کند. به این ترتیب کاربر از طریق همین تصویر وارد سایت شما شده و مشتری (یا خواننده) می شود.

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

..