راهنمای کامل بهینه سازی تصاویر – بخش سوم/پایانی: سئوی تصاویر

نویسنده : سید ایوب کوکبی ۵ فروردین ۱۳۹۷

راهنمای کامل بهینه سازی تصاویر - بخش سوم/پایانی: سئوی تصاویر

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

بهینه سازی تصاویر - بخش سوم - سئوی تصاویر

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

در این بخش سعی می‌کنیم اشتباهات رایج سئو تصاویر که معمولا کاربران مبتدی با آن مواجه هستند را بیان کرده و اقدامات اصلاحی مناسب را نیز پیشنهاد کنیم.

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

group-of-friends-drinking-at-pub

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

اهمیت ندادن به نام فایل

قبول داریم که نوشتن یک آموزش قدم به قدم و تصویری کار زمان‌بر و خسته‌کننده‌ای است ولی اینکه برای افزایش سرعت، نام درستی برای تصاویر و اسکرین شات ها انتخاب نکنید پذیرفتنی نیست چرا که باعث آسیب دیدن سئوی سایت خواهد شد. یک لحظه خودتان را جای کاربری که در گوگل جستجو می‌کند قرار دهید. آیا به دنبال کلماتی مثل ۱-screenshot-1 ،untitled و یا image_1 می‌گردید یا چیزی مثل «روش غیرفعال کردن پیوند یکتا در وردپرس»!

wordpress-permalink-settings

بنابراین تصویری که آپلود می‌کنید دارای نام مناسب و مرتبطی باشد و برای بهبود بیشتر سئو، تگ title یا عنوان تصویر را نیز پر کنید. این تگ می‌تواند همنام عنوان فایل باشد.

عدم استفاده از تگ ALT

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

«تصویری از داشبورد وردپرس که تنظیمات پیوند یکتا به همراه تنظیمات پیش‌فرض آن را نمایش می‌دهد»

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

بخوانید  حذف دائم سایت وردپرسی از اینترنت

 استفاده از تاکتیک قدیمی Keyword Stuffing برای تگ‌های Title و ALT

Keyword Stuffing تکنیکی بود که قبل از ارائه الگوریتم پاندای گوگل تاثیر خوبی روی سئو داشت. در این روش با افزایش غیر طبیعی چگالی کلمه کلیدی، جستجوگر گوگل تصور می‌کرد ارزش صفحه در آن کلمه کلیدی بالاست و رتبه صفحه را افزایش می‌داد. اما با ارائه الگوریتم پاندا، گوگل مخالفت سخت خود را با این روش آشکار کرد. این روش الان بی‌اثر است و حتی استفاده از آن باعث کاهش کیفیت و رتبه صفحه نیز خواهد شد. گاهی اوقات کاربران ناخودآگاه و یا عامدانه این کار را برای تگ‌های ALT و Title تکرار می‌کنند مثلا این نمونه را نگاه کنید:

«تصویری از داشبورد وردپرس که تنظیمات پیوند یکتا به همراه تنظیمات پیش‌فرض آن را نمایش می‌دهد. بهترین منبع آموزش وردپرس»

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

عدم استفاده از Caption برای تصاویر

نکته‌ای که در مورد تگ‌های Alt و Title وجود دارد، مخفی بودنشان از دید خوانندگان و بازدیدکنندگان سایت است. موتورهای جستجو به این متن‌ها علاقه دارند ولی وقتی فردی مقاله شما را مطالعه می‌کند کمتر پیش می‌آید که اشاره‌گر ماوس را بر روی تصاویر ببرد تا از محتوای تگ ALT مطلع شود. از جهت خوانایی، انتخاب نام درست برای فایل بخصوص هنگام باز کردن عکس در تب جدید ارزش بالاتری دارد. در اهمیت تگ‌های ALT و Title به جهت سئوی تصویر شکی نیست ولی این تگ‌ها نقش عمده‌ای در بهبود خوانایی ندارند. اینجاست که سروکله caption پیدا می‌شود. Caption یک توضیح متنی کوتاه است که ذیل تصویر درج می‌شود. براساس مطالعات kissmetrics،  کپشن تصویر ۳۰۰% بیشتر از توضیحات اصلی متن خوانده می‌شود.

Butterflies on the face of isla

اگر کپشن‌های شما جذاب نوشته شوند، شانس این را دارید که خواننده توجه بیشتری کند و مفهوم مورد نظر شما را درک نماید. پس به صورت خلاصه:

  • Title: نام یا عنوان مختصر فایل
  • Alt: توضیحات مفصل‌تر تصویر در مورد محتوای آن
  • Caption: توضیحات کامل تصویر (ترکیبی از دو تگ بالا) که فقط برای خواننده است.

عدم ساخت نقشه تصاویر سایت

یک سایت اساسا مجموعه‌ای از صفحات است که به یکدگیر لینک شده‌اند. نقشه سایت سندی است شامل ساختار صفحات مختلف و ارتباط بین آن‌ها. این سند معمولا شامل تصاویر سایت نیست. در این شرایط نقشه تصاویر سایت به کارتان می‌آید. افزونه Udinra All Image Sitemap برای این کار بسیار عالی است. این پلاگین از افزونه‌های مختلفی همچون اسلایدرهای تصاویر شامل NextGen Gallery و Envira Gallery، افزونه تجارت الکترونیک مثل ووکامرس، پیج‌بیلدرهایی نظیر Visual Composer، Site Origin و غیره پشتیبانی می‌کند.

بخوانید  راهنمای کامل بهینه سازی تصاویر در وردپرس – بخش دوم: تکنیک‌های مدیریت تصاویر

بهینه سازی کارایی تصاویر

image-performance-optimization

کارایی کلی سایت یکی از مهم‌ترین فاکتورهای تاثیرگذار روی سئوی سایت است. وقتی نوبت بهینه سازی کارایی می‌رسد تقریبا هیچ‌وقت کار به پایان نمی‌رسد. همیشه جا برای بهتر شدن کارایی وجود دارد. به عنوان مثال گوگل اخیرا لوگوی خود را از ۱۴۰۰۰ بایت به ۳۰۵ بایت کاهش حجم داده است که هنوز هم جای کار دارد. در ادامه با تعدادی از تکنیک‌های بهینه سازی کارایی تصاویر آشنا خواهید شد که در مقالات قبلی هم اشاره‌ای شده است:

بهینه نکردن تصاویر

  • یکی از بهترین روش‌های بهینه سازی تصاویر، استفاده از ابزارهایی همچون TinyPNG است که باعث کاهش حجم فایل می‌شود.
  • لازم است یک بیشینه برای اندازه تصویر مشخص کرده و تمام تصاویر حجیم‌تر را تغییر اندازه داده تا به یک سایز یکسان و متعادل برسید.
  • قبل از اعمال دو تکنیک بالا باید ابتدا در مورد فرمت مناسب تصویر به توافق برسید.

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

عدم استفاده از تصاویر ریسپانسیو

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

اجازه دهید کمی در مورد تصاویر ریسپانسیو صحبت کنیم. با ارائه وردپرس ۴٫۴، قابلیت تصاویر ریسپانسیو به صورت پیش‌فرض فعال شده است. این قابلیت اینطور عمل می‌کند که اندازه‌های مختلف تصویر را داخل یک مشخصه srcset قرار می‌دهد تا به مرورگر در انتخاب سایز مناسب تصویر بر اساس اندازه صفحه کمک کند. مرورگر با انتخاب تصویر مناسب از هدررفت بیهوده پهنای باند جلوگیری کرده و به این ترتیب سرعت بارگیری تصاویر و صفحه را افزایش می‌دهد.

اگر به هر دلیلی هنوز به وردپرس ۴٫۴ آپدیت نکرده‌اید با استفاده از افزونه RICG Responsive Images قادر خواهید بود همین قابلیت را در نسخه‌های قدیمی وردپرس نیز فعال کنید. ولی اگر در حال استفاده از آخرین نسخه وردپرس هستید دیگر نیازی به نصب این افزونه ندارید. به صورت سرخود بر روی وردپرس قرار دارد.

عدم استفاده از CDN های رایگان

دومین روش برای بهبود کارایی تصاویر استفاده از سرویس‌های رایگان CDN نظیر فوتون که به همراه افزونه قدرتمند جت‌پک ارائه می‌شود، می‌باشد. استفاده از افزونه JetPack به دلایل مختلفی که فوتون تنها یکی از آن‌هاست توصیه می‌شود. فوتون یک سرویس رایگان CDN از وردپرس است که در قالب یک ماژول برای افزونه جت‌پک ارائه شده است. در این سرویس تمام تصاویر سایت بر روی سرور دیگری ذخیره و مدیریت شده و بار سنگین تصاویر که منجر به افزایش پهنای بند مصرفی شما می‌شد از روی سرور شما برداشته می‌شود که در اغلب موارد به صرفه نیز هست.

عدم استفاده از تکنیک بارگذاری تنبل یا دیرهنگام تصاویر (Lazy loading)

lazy-cat

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

بخوانید  20 اشتباه رایج کاربران مبتدی در وردپرس

با افزونه  BJ Lazy Load plugin که بیش از ۵۰۰۰۰ نصب فعال داشته است قادر خواهید بود این ویژگی را برای سایت خود فعال کنید. با این همه، استفاده از این روش در صورت عدم توجه ممکن است به آسیب دیدن رتبه سایت شما ختم شود. دقت کنید که در صورت استفاده از این پلاگین و سایر پلاگین‌های Lazy login و هم‌خانواده‌ی آن از کراول شدن صحیح محتوای سایت توسط موتورهای جستجو مطمئن شوید.

چند ترفند در مورد استفاده از تصاویر

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

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

Technical-Support

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

هرزمانی ممکن است از تصاویر GIF استفاده کنید.

Snow

با گسترش استقبال از محتوای ویدیویی و از آنجایی که تصاویر GIF نیز در شکل ضعیف‌تری شبه‌ویدیو تلقی می‌شوند استفاده از آن در سایت به نفع شماست. سایت‌هایی همچونGiphy, 4chan و ۹GAG شبکه‌های بزرگی هستند که حول محور تصاویر گیف شکل گرفته‌اند. استقبال از این سایت‌ها نشان می‌دهد که به کار بستن فایل‌های گیف باعث بهبود تجربه کاربران و سئوی سایت خواهد شد.

به لایسنس تصاویر توجه کنید.

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

نتیجه‌گیری

چیزهایی که در این مقاله سه قسمتی آموختیم:

  1. انتخاب فرمت مناسبی برای تصاویر
  2. ترفندهایی برای آپلود تصاویر
  3. بهینه سازی تصاویر – اندازه، ابعاد و کیفیت برای صفحات وب
  4. مدیریت تصاویر به هنگام تغییر آدرس سایت
  5. ایمپورت کردن تصاویر خارجی در وردپرس
  6. جلوگیری از هات‌لینک تصاویر در وردپرس
  7. خطاهای رایج در سئوی تصاویر وردپرس
  8. تکنیک Lazy loading تصاویر
  9. ساخت نقشه تصاویر
  10. تصاویر ریسپانسیو در وردپرس

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

سید ایوب کوکبی

نویسنده و مترجم...

0 دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *