ویژگی متن جایگزین یا Alt Text در تصاویر و تاثیر آن در سئو

قواعد کلی الگوریتم های گوگل

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

شاید گمان کنید که خب این چه ایرادی دارد؟ باید گفت این اتفاق برای صاحب سایت یک فاجعه است. اما چرا؟

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

استراتژی جدید گوگل در زمینه تصاویر

دلیل مهم این است که صاحب سایتی که دارای عکس است ورودی ارگانیک را از دست می دهد و ترافیک سایت کاهش می یابد. در این راستا شرکتی با نام Getty image که یک سایت مطرح در زمینه فروش تصاویر استوک به صورت آنلاین بود، به کمپانی گوگل به دلیل نقض این قانون کپی رایت معترض شد و همین امر باعث شروع تغییر در ساز و کار برای تصاویر Google image شد.

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

تولد شگفت انگیز Alt Text

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

متن جایگزین یا Alt Text چیست؟

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

ویژگی Alt Text در کجا دیده می شود؟

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

تگ IMG در HTML و خصوصیت Alt

این کد از سه قسمت اصلی تشکیل شده است:

1. Image Title: همان طور که از معنی ان مشخص است نشان دهنده عنوان تصویر است و عنوان مورد نظرتان را می توانید در این بخش اضافه کنید. هنگامی که کاربر موس خود را بر روی عکس قرار می دهد، متن موجود در ویژگی title به صورت یک Tooltip به وی نمایش داده می شود.
2. ویژگی Alt: خصوصیت متن جایگزین برای تصویر که بین دو علامت نقل قول قرار می گیرد و اگر به هر دلیلی عکس بارگزاری نشود، این متن به کاربر نمایش داده می شود.
3. Image SRC: این قسمت از کد برای تعیین آدرس محل ذخیره سازی عکس است.

تاثیر ویژگی Alt Text در سئو سایت

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

اگر به طور کلی بخواهیم به کاربردهای مهم ویژگی Alt در سئو بپردازیم، به موارد زیر اشاره می کنم:

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

ویژگی Alt Text در سیستم مدیریت محتوا وردپرس (CMS)

در صورتی که از سیستم مدیریت محتوای وردپرس استفاده می کنید یک افزونه در این زمینه وجود دارد که با نصب کردن افزونه یوآست سئو (Yoast SEO) به شما پیشنهاد می دهد که از این افزونه برای اضافه کردن توضیحات عکس استفاده کنید و بهتر است که در این توضیحات از کلمات کلیدی یا کلمات مرتبط با کلمات کلیدی استفاده کنید.

نکته قابل توجه این است که لزومی ندارد در همه تگ های IMG، ویژگی Alt را از کلمات کلیدی پر تکرار استفاده کنید، به این منظور تا حد معقول و تا حدی که ربات های گوگل متوجه مفهوم و موضوع سایت و عکس استفاده شده شوند، کفایت می کند.

روش های تعیین Alt Text برای تصاویر

اگر تا کنون متوجه اهمیت استفاده از Alt Text شده اید، وارد عمل شوید و از طریق یکی از روش های زیر ویژگی Alt را بنویسید:

یک تگ با ساختار معمولی است.

این گونه تگ ها به دلیل استفاده از چندین کلمه کلیدی و کلمه مرتبط نیاز به بهینه سازی در ساختار دارد.

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

روش های کاربردی برای بهبود سئو تصاویر

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

1. برای همه عکس هایی که در سایت آپلود می کنید یک متن جایگزین مناسب و مرتبط بنویسید.
2. از متن جایگزین کوتاه تحت عنوان تگ توصیفی که مرتبط با عنوان و موضوع اصلی سایت است، استفاده کنید.
3. حداکثر از ۱۰۰ کاراکتر برای Alt Text استفاده کنید.
4. در همه تگ های Alt از کلمات کلیدی استفاده نکنید و در عوض از کلمات مشابه و هم خانواده استفاده کنید.
5. از توضیحات Alt Text که با عنوان بخش مربوطه مشابه نباشد، استفاده نکنید.
6. Keyword Stuffing را به طور کامل فراموش کنید. استفاده از کلمات کلیدی در متن جایگزین عکس مفید است اما از استفاده زیاد و بمباران کلمات کلیدی خودداری کنید.

ویژگی Alt در دیگر تگ های HTML

بر خلاف تصور بسیاری از افراد، تنها تگ Img نیست که می تواند از ویژگی Alt برخوردار باشد، بلکه تگ های دیگری نیز مانند تگ Map و Picture نیز که برای حالات خاصی از تصاویر مورد استفاده قرار می گیرند نیز می توانند از ویژگی متن جایگزین استفاده کنند.

• تگ Map امکانی را برای شما فراهم می آورد که بتوانید با مشخص نمودن بخش های مختلفی از یک عکس، برای هر کدام از بخش ها یک لینک و یک Alt Text در نظر بگیرید.
• تگ Picture نیز یک تگ معرفی شده در HTML 5 است که به کمک آن و با تعریف تگ های Source، می توان بسته به ابعاد مرورگر عکس های متفاوتی را برای کاربر تعیین کرد تا حالت تصویر برای ابعاد مختلف Scale نشود.

اشتباهات رایج در توضیحات تصاویر که می توانند به سئو آسیب برسانند!

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

در این جا برخی از رایج ترین اشتباهات در توضیحات تصاویر و راه حل های آن ها آورده شده است:

عدم استفاده از توضیحات تصاویر

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

راه حل: برای هر تصویر در وب سایت خود یک توضیح تصویر منحصر به فرد و آموزنده بنویسید.

استفاده از کلمات کلیدی نامربوط

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

راه حل: فقط از کلمات کلیدی مرتبط در توضیحات تصاویر خود استفاده کنید. کلمات کلیدی باید به طور دقیق محتوای تصویر را توصیف کنند.

استفاده از توضیحات تصاویر تکراری

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

راه حل: برای هر تصویر در وب سایت خود یک توضیح تصویر منحصر به فرد و آموزنده بنویسید.

عدم استفاده از کلمات کلیدی در ابتدای توضیحات تصاویر

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

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

توضیحات تصاویر خیلی کوتاه یا خیلی بلند

توضیحات تصاویر باید به اندازه کافی بلند باشند تا محتوای تصویر را به طور دقیق توصیف کنند، اما نباید خیلی بلند باشند که خسته کننده شوند. به طور کلی، توضیحات تصاویر باید بین 50 تا 250 کاراکتر باشند.

راه حل: طول توضیحات تصاویر خود را بین 50 تا 250 کاراکتر نگه دارید.

استفاده از توضیحات تصاویر غیرقابل خواندن

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

راه حل: توضیحات تصاویر خود را به گونه ای بنویسید که برای کاربران قابل خواندن و درک باشند.

عدم بروز رسانی توضیحات تصاویر

اگر تصاویر قدیمی در وب سایت خود دارید، ممکن است توضیحات تصاویر آن ها بروز نباشد. این می تواند به سئوی شما آسیب برساند.

راه حل: به طور مرتب توضیحات تصاویر خود را بروز کنید تا مطمئن شوید که آن ها دقیق و مرتبط هستند.

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

سخن پایانی

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