تگ ALT  چیست و اهمیت آن بر سئوی سایت

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

در اینجا توجه داشته باشید اگر زمانی را برای  سئو  محتوای سایت (content)، عنوان ها (title)، هدینگ ها، توضیحات متا (meta description) صرف کرده اید، حواستان باشد که از سئو تصاویر عافل نشوید.

اتریبیوت و یا همان ویژگی alt از ویژگی های مهم و بسیار کاربردی در توصیف عکس می باشد که شما با استفاده از آن می توانید محتوای عکس خود را بیان کنید. این ویژگی یکی از کدهای ساختاریِ عکس، در زبان نشانه گذاری HTML و در تگ img می باشد. شما می توانید با استفاده از قابلیت alt عکس، در درک مفهوم عکس، هم به کاربران و هم به ربات های موتور جستجو کمک کنید. فراموش نکنید که ویژگی alt یکی از تاثیرگذار ترین روشها برای بهینه سازی تصاویر سایت می باشد. برای مشاهده ی این اتریبیوت در ساخنار کد های HTML می توانید در صفحه ی سایت با زدن کلیک راست و انتخاب گزینه ی  inspect یا گرفتن ctrl+U، سپس ctrl+F و در آخر با وارد کردن کلمه ی alt در قسمت جستجوی بالا آمده، این اتریبیوت را در میان کدها نوشته شده مشاهده کنید.

این اتریبیون بدین صورت در html نوشته می شود:

</img alt=”example”>

alt چیست؟ اتریبیوت alt مخفف چیست؟  altعکس چیست؟ متن جایگزین چیست؟ alt attribute چیست؟ alt description چیست؟ ویژگی های تگ alt چیست؟ کاربرد alt عکس چیست؟ کاربردهای alt چیست؟ کاربرد alt در بهینه سازی عکس چیست؟ چگونه محتوای تصویری سایت خود را بهینه کنیم؟ راهکارهای موثر در سئوی عکس چیست؟ و سایر پرسش ها مسائلی هستند که کاربران زیادی را درگیر خود کرده است.

در این مقاله قصد داریم به تمامی سوالات شما عزیزان در خصوص alt به صورت کامل پاسخ دهیم پس با ما تا انتهای مقاله همراه باشید.

تگ ALTچیست؟

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

 به این شکل که گوگل هنگام خزیدن در صفحه شما از روی تگ ALT متوجه موضوع عکس شما می شود و می توانید با درست انتخاب کردن آن ها باعث ارتقا رتبه سایت خود شوید، در این جا باید اضافه کنم که  قابلیت alt ، هم برای کاربران و هم برای ربات های موتور جستجو  مفید می باشد، در واقع با این کار برای عکستان یک متن جایگزین تعریف کرده اید، حالا چرا برای کاربران هم مفید است؟ چون در صورت دیر لود (load) شدن عکستان کاربر با دیدن عنوان عکس یا همان تگalt  متوجه موضوع عکس می شود و تشویق می شود برای بارگذاری عکس صبر کند و به همین دلیل سعی کنید آن را زیاد طولانی نکنید، به طور متوسط حدود 125 کاراکتر مناسب می باشد، فراموش نکنید که ویژگی alt یکی از تاثیرگذار ترین روشها برای بهینه سازی تصاویر سایت می باشد.

با پیشرفت روز افزون قابلیت های موتورهای جستجو، امروزه عکس به یکی از ابزارهای مهم و تاثیرگذار در بالا بردن میزان ترافیک سایت، تبدیل شده است.در گذشته توجه زیادی به عکس ها برای ارتقا وب سایت نمی شد، اما بعد از اینکه صاحبان سایت دیدند رقیبانشان با همین روش از گوگل رتبه خوبی دریافت می کنند، اهمیت ویژه ای پیدا کرد به صورتی که عکس ها در صفحه نتایج گوگل(SERP) کنار نتایج متنی مانند سایت های مقاله ای یا آموزشی هم نمایش داده می شود. با ایجاد چنین شرایطی، رقابت بر سر دیده شدن و گرفتن جایگاه مناسب برای تصاویر سایت، آغاز شد و تلاش برای بهینه سازی محتوای تصویری هر لحظه وارد مراحل تازه تری می شود.

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

ویژگی alt

از ویژگی ها و قابلیت های مهم در سئو ی تصاویر استفاده از alt می باشد. Alt Text  مخفف کلمه ی Alternate Text به معنی متن جایگزین می باشد. در شرایطی که شما قادر به دیدن تصویر نیستید، در داخل کادر تصویر، متن جایگزین تصویر نمایش داده می شود. بخاطر داشته باشید که موتورهای جستجو قابلیت دیدن عکس های شما را ندارند، پس متن جایگزین تصویر به موتور های جستجو در درک و فهم محتوای عکس ها کمک بسیاری می کند.

استفاده از تصاویر در انتقالِ مفهوم محتوای متنی، یکی از روش های پرطرفدار در بالا بردن میزان درک مخاطب از محتوا می باشد. در استفاده ی درست از تصاویر، شما نه تنها به مخاطب و رباتها در درک محتوای خود کمک می کنید بلکه با این کار میزان ترافیک ورودی سایت خود را افزایش می دهید. چطور می شود که با تصاویر سایت میزان ترافیک سایت خود را بالا برد؟ در پاسخ باید بگویم: هنگامی که شما به موتورهای جستجو بفهمانید تصویر شما در چه مورد است، کاربرانی که عنوان متن جایگزین شما را وارد می کنند، تصاویر شما در صفحه ی نتایج تصویری نمایش  داده می شود. یکی از کاربردهای alt در صفحه ی نتایج این است که تصاویر سایت شما را بصورت لینک نمایش می دهد که کاربران با کلیک بر روی عکس، وارد سایت شما شده و به این صورت ترافیک ورودی به داخل سایت شما افزایش می یابد.

تا به اینجای کار با تعریف و کارایی alt آشنا شدین. این نکنه را هم بگویم که ممکن است شما در سایت های مختلف، اسم های مختلفی از این ویژگی مانند  alt description و alt attribute را بشنوید که تمامی این نامها و عناوین، همگی به یک معنا هستند.

اهمیت متن جایگزین یا alternative text بر روی سئو سایت

ALT مخفف شده کلمهAlternativ text  می باشد، گوگل برای تگ alt یا همان متن جایگزین ارزش نسبتا بالایی قائل است و دلیل این ارزش گذاری، درک بهتر موضوع تصاویر در محتوا می باشد، این موضوع به قدری مهم است که افزونه یا پلاگین Yoast SEO که در وردپرس نصب میشود به این موضوع ربط داده شده است، به این شکل که قبل از بارگذاری متن را برسی می کند و تاکید آن بر این موضوع است که حداقل  یک عکس با داشتن تگ عنوان که در آن از کلمه کلیدی هم استفاده شده، در محتوا درج شود و در صورت نبودن به شما اخطار می دهد که به این موضوع توجه کنید. موردی که در اینجا باید به آن توجه کرد این است که درسته باید از کلمه های کلیدی در تگ alt استفاده شود اما به این معنا نیست که در همه ی تگ های تصاویر از کلمه کلیدی یا از کلمه های مشابه استفاده کنید در واقع شما به عکس های با کیفیت با تگ های عنوان مربوط به موضوع عکس نیاز دارید که به نوعی از کلمه کلیدی هم در آن استفاده شده باشد، در بعضی اوقات موضوع عکس شما به شکلی نیست که برای نوشتن تگ alt از کلمات کلیدی استفاده کنید، در این مواقع بهتر است از توصیف کلمات کلیدیتان استفاده کنید یا تگ alt طولانی تری برای توضیح عکستان بنویسید به این شکل می توانید از کلمه کلیدی در توضیحایتان استفاده کنید که برای فهم بهتر کاربر و گوگل مناسب تر است. علاه بر این گوگل یک سرویس جداگانه به اسم google image برای تگ های ALT  راه اندازی کرده است.

دلایل مختلفی برای میزان اهمیت متن جایگرین یا همان alt وجود دارد که ما اصلی ترین دلایل را برای شما بیان می کنیم:

• همانطور که قبلا هم گفته شد، alt یکی از هایِ زبان نشانه گذاری HTML می باشد. alt برای توصیفِ تصاویر بکار رفته در سایت، مورد استفاده قرار می گیرد. این کار با هدف قابل فهم کردنِ محتوایِ تصاویر برای موتور های جستجو و کاربران، صورت می گیرد.

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

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

• alt در بهینه سازی تصاویر به عنوان یک مهره ی کلیدی شناخته می شود. بهینه سازی تصاویر و عنوان آن می تواند به سئویِ هرچه بهتر تصاویر کمک کند که این کار باعث ایجاد تجربه ی کاربری(UX) ایده آل تر و قرار گرفتن در قسمت نتایج Google Image، می شود.

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

• برای تمامی تصاویر سایت خود از متن جایگزین تصویر استفاده کنید. اگر که به هر دلیلی تصاویر سایت بارگیری نشدند، متن جایگرین برای مشخص کردن موضوع عکس، به نمایش در می آید.
• متن جایگرین تصویر، فضای مناسبی برای بکارگیری کلمات کلیدی هدف می باشد پس اگرکه قصد دارید از کلمات کلیدی و کانونی محتوای خود در متن جایگزین تصاویر استفاده کنید، بهتر است به صورت بهینه ای این کار صورت گیرد. قرارگرفتن کلمات کلیدی در توصیف تمامی عکس ها، نه تنها تاثیر مفیدی در بهینه سازی شما ندارد بلکه باعث keyword stuffing  شده و رتبه ی سایت شما را کاهش می دهد. همچنین بهتر است، کلماتی که در alt عکس بکار می برید شامل خود کلمه ی عکس یا تصویر نباشد. ربات ها با دیدن فرمت فایل، متوجه تصویر بود آن می شوند.

چطور می شود با تصاویر سایت میزان ترافیک سایت خود را بالا برد؟

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

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

خصوصیت تگ alt در html

در زبان برنامه نویسی تگ alt یک نوع ویژگی یا یک اتریبیوت (attribute) می باشد که شما با استفاده از آن می توانید موضوع محتوای عکس خود را بیان کنید. برای مشاهده ی این ساختار در کد های HTML می توانید در صفحه ی سایت با زدن کلیک راست و انتخاب گزینه ی  inspect یا گرفتن ctrl+U، سپس ctrl+F و در آخر کلمه ی alt  را در قسمت جستجوی سرچ (search) کنید و این اتریبیوت را در میان کدها نوشته شده مشاهده کنید.

این ویژگی یکی از کدهای ساختاریِ عکس، در زبان نشانه گذاری HTML و در تگ img می باشد

این یک تگ عکس کامل HTML است:

<img src=“image.jpg” alt=“image description” title=“image tooltip”>

• img src:در این قسمت شما باید آدرس عکس خود را بگذارید یعنی آدرس جایی که عکس ذخیره شده، به این صورت تصویر در محتوای سایت قرار می‌گیرد.
• Alt:در این قسمت باید بین  علامت دبل کوتیشن(double quotation)  تگ altخود را قرار دهید، در این بخش می توانید از عنوان سئوی سایت خود(h1) در یکی از متن های جایگزین تصویر استفاده کنید ولی نباید این کار را برای تمامی تصاویر انجام داد. بهتره است این قابلیت را برای مهمترین تصویر و یا تصویر شاخص سایت خود انجام دهید

نکته: قرارگرفتن کلمات کلیدی در توصیف تمامی عکس ها، نه تنها تاثیر مفیدی در بهینه سازی شما ندارد بلکه رتبه ی سایت شما را کاهش می دهد.

• Title: این بخش در واقع عنوان و موضوع عکس شماست، در این باره متخصصان سئو نظر های مختلفی دارند، بعضی ها به این باورند که میتوان تگalt  و تایتل عکس را شبیه به هم بنویسید. اما بستگی به استراتژی صفحه و وب سایت دارد.

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

مثلا در یک سایت فروشگاهی محصولاتی دارید که عکس آن ها را در صفحه بارگزاری کردید، کاربر با رفتن روی عکس محصول می تواند متنی را ببیند که تشویق به خرید بشود مثلا سفارش کالای X  با تخفیف ویژه پس تگ  altمی‌تواند یکcall to action  هم باشد.

برای دریافت اطلاعات بیشتر درباره call to action  پیشنهاد می کنیم این مقاله را مطالعه کنید

فقط به این موضوع توجه کنید که این کد در میان کد های CSS قرار می گیرد نه در میان کد های HTML و اگر هم از wordpress استفاده می کنید دیگر نیازی به تعریف کد ندارید، در ادامه به این موضوع بیشتر می پردازیم.

تگ AlT تصاویر در وردپرس و نحوه نوشتن alt text

پنل وردپرس کار را برای صاحبان سایت راحت تر کرده، در وردپرس شما دسترسی آسان برای تعریف همه قابلیت ها مانند گذاشتن تگ ALT، تایتل، توضیح عکس و … را دارید.

وقتی هنگام ذخیره عکس اسمی را برای تصوی در نظر می گیرید در محیط وردپرس به صورت پیش فرض آن را تگ ALT قرار می دهد، پس نکته مهم در این جا این است که به اسم عکسی که میخواهید بارگذاری کنید هم توجه داشته باشید. مثلا در بیشتر عکس ها   DCMIMAGE10.jpg به این صورت می باشند، در این جا ما باید نام عکس را با تگ ALT مطابقت بدهیم. در تصویر زیر می توانید این مقادیر را بهتر درک کنید.

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

چگونه یک تگ تایتل جذاب بنویسیم؟

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

مثال:

گوگل ممکن است تصویر زیر را ببینید و بتواند بفهمد که مردی است که عینک دارد و کتاب دستش است

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

بیل گیتس کتاب در دست داخل کتابخانه

<img src=”bill gates.png” alt=” Bill Gates holds a book and is in the library”>

یکسری اشتباه رایج در مورد alt عکس

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

عنوان (title) یکی دیگر از مجموعه ویژگی های تگ img در HTML برای می باشد که عنوان تصویر شما را بیان می کند. با قراردادن نشانگر ماوس بر روی عکس، این متن در داخل کادر کوچکی بر روی عکس به نمایش در می آید. برخلاف alt، در صورتی که عکس مورد نظر بارگیری نشود، عنوان عکس هم نمایش داده نمی شود.

نتیجه گیری

تگ alt در بهینه سازی تصاویر به عنوان یک مهره ی کلیدی شناخته می شود. بهینه سازی تصاویر و عنوان آن می تواند به سئویِ هرچه بهتر تصاویر کمک کند که این کار باعث ایجاد تجربه ی کاربری(UX) ایده آل تر و قرار گرفتن در قسمت نتایج Google Image، می شود.در این مقاله به صورت کامل معنی و مفهوم تگalt را آموختیم، بعد از خواندن این مقاله تمامی عکس های وب سایتتان را برسی کنید و اگر تگ alt برای تصاویرتان تعریف نکردید حتما این کا را انجام دهید تا متوجه تغیر در رتبه سایتتان بشوید.