چگونه تصاویر وب سایت را برای موتورهای جستجو بهینه کنیم؟

چگونه تصاویر وب سایت را برای موتورهای جستجو بهینه کنیم؟

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

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

چگونه تصاویر وب سایت را برای موتورهای جستجو بهینه کنیم؟

بهینه سازی تصاویر همواره بخشی از بهینه سازی داخلی سایت (On Page Seo) بوده و هست و خیلی ساده در یک جمله به این معنی است که تصاویر وب سایت، دارای مقدار alt و title باشند و عکس ها، داری حجم بی رویه زیادی نباشند و نام فایل تصویر، مرتبط با موضوع آن باشد و برای تصاویر بی موضوع و ابزاری نیز نباید استفاده شود.

alt مخفف Alternative Text به معنای متن جایگزین است که به خزنده ها کمک می کند که مفهوم و موضوع عکس را متوجه شوند.نتایج حاصل از جستجو در بخش تصاویر گوگل و همه موتور های جستجو تحت تأثیر مشخه alt و title تصاویر است.البته در بخشی از الگوریتم جستجوی یافتن تصاویر به بخصوص در گوگل، بحث پردازش تصویر (Image Processing) نیز وجود دارد.اما همچنان ضعیف است و هنوز فناوری جستجوی تصاویر مرتبط با عبارت یا کلمه جستجو شده، در موتور های جستجو مبتنی بر alt و title تصاویر است.در نتیجه در صورتی که همین دو گزینه را برای تصاویر خود فراموش کنید، ترافیک و بازدید زیادی که از جستجوی تصاویر گوگل و موتور های جستجو حاصل می شود را از دست می دهید.

title هر تصویر نیز همان tooltip است که وقتی با نشانگر موس روی عکس صبر کنید نمایش داده می شود.

<img src="https://sourcebaran.com/Asp.jpg" alt="آموزش برنامه نویسی" title="آموزش برنامه نویسی" />

از آنجا که در PHP از همان کنترل های HTML استفاده می شود، کد بالا برای راهنمایی طراحان سایت و برنامه نویسان، کفایت می کند.اما برای ASP.NET معمولا از کنترل Image خود دات نت استفاده می شود.این کنترل، یک Property به نام Alternative Text دارد که همان alt است و یک Property به نام Tooltip دارد که همان title است.

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

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

برای مشخصه alt و title هم از تکرار کلمات کلیدی بیهوده پرهیز کنید.بحث keyword stuffing فقط مربوط به داخل متن و محتوا نمی شود.

برای تصاویر نمادین و کلا تصاویری که معنی ندارند و صرفا خاصیت icon  و ابزاری دارند و alt و title برای آنها بی معنی است، اصلا از alt و title استفاده نکنید. نمونه اینگونه تصاویر را می توان مثلا به کلید گزارش مشکل یا خرابی اشاره کرد.برای مثال سایت های دانلود معمولا یک کلید یالینک درباره گزارش خرابی لینک دارند.هر گونه تصویری که مرتبط با گزارش خرابی لینک باشد، نباید برای آن از alt و title استفاده کنید.گوگل و موتورهای جستجو، نیازی به درک کلید گزارش خرابی لینک دانلود سایت شما ندارند! و اصلا نباید خزنده ها را به اینها مشغول کنید.قرار نیست ۱۰۰ درصد تصاویر شما alt داشته باشند.متاسفانه عده ای با مراجعه به سایت های تحلیل سئو وقتی مشاهده می کنند که سایتی دارای تصاویر بدون alt است، فکر می کنند که ضعفی در کار است و یا برعکس وقتی همه تصاویر خود، حتی تصاویر بیهوده خود را با alt مقدار دهی می کنند با افتخار می گویند که تصاویر سایت ما ۱۰۰% بهینه شده است! استفاده بیش از حد از alt و بهینه سازی تصاویری که متن جایگزین واقعا برای آنها بیهوده است، حتی می تواند در سئوی شما مضر باشد.

موضوع مهم دیگر، حجم تصاویر است.حجم تصاویر ارتباط مستقیمی با سرعت بارگذاری صفحات و دفع کاربر که در سئو موثر هستند، دارد. اشتباه رایجی که در بسیاری از وب سایت ها وجود دارد عدم استفاده از تصویر thumbnail برای نمایش در لیست هاست.تصویر thumbnail نسخه دیگری از تصویر است که حجم و اندازه آن کاهش یافته است. برای مثال فرض کنید شما یک فروشگاه اینترنتی فروش موبایل و تبلت هستید. در هر صفحه از محصولاتتان، طبیعتا تصاویری بزرگ و با کیفیت از موبایل را دارید. وقتی کاربر وارد گوشی huawei mate می شود، یک تصویری بزرگ ۱۰۰ کیلوبایتی به کاربر نشان می دهید.(فرض کنید هر موبایل فقط یک تصویر دارد) . حالا اگر به لیست محصولات گوشی huawei مراجعه کنید، از نظر سئو و کلا استاندارد طراحی سایت به دو حالت زیر خواهد بود:

۱- همان تصویر ۱۰۰ کیلوباتی در لیست نمایش داده می شود.در نتیجه  در لیستی از محصولات گوشی huawei، (مثلا ۱۵ محصول) ، ۱۵۰۰ کیلوبایت یعنی ۱٫۵ مگابایت فقط به تصاویر اختصاص دارد.

۲-به جای استفاده از تصویر اصلی ۱۰۰ کیلوبایتی در لیست، تصویر thumbnail و بی کیفیت تر و کوچک تر در لیست نمایش داده می شود(هر عکس زیر ۱۰ کیلوبایت).در نتیجه در صفحه لیست محصولات huawei ، حداکثر ۱۵۰ کیلوبایت به تصاویر موجود در لیست اختصاص دارد.

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

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

۱- اگر عکس های سایت ما alt و title نداشته باشد دیگر نمی توان آن را سئو کردن و در کلمات و عبارهای مد نظر، به صدر نتایج گوگل بیاییم؟

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

۲-آیا alt و title باید یکسان باشند؟

هیچ بایدی ندارد. هر چیزی که به عکس مرتبط است قرار دهید. تکراری هم باشد مشکلی ندارد.

۳- آیا title را حتما باید بگذاریم؟

خیر. مهمتر alt است.اگر title نگذاشتید مشکلی ندارد.

۴- چه زمانی نباید از title استفاده کنیم؟

از آنجا که title بر خلاف alt به کاربر نشان داده می شود، خیلی مواقع، متن داخل title برای تصویر به صورت متن، در نتایج گوگل در قسمت توضیح زیر وب سایت (جایگزین meta description) نمایش داده می شود.اگر سایت شما درباره نرخ دلار است و تصویر موجود در صفحه شما، بنر تبلیغاتی یک سایت تورو آژانس مسافرتی است نباید از title استفاده کنید.زیرا مطالب مرتبط با نرخ دلار با title ترکیب می شود و کاربر در نتایج گوگل (در توضیحات) کنار مطالب مرتبط با نرخ دلار، نام آن آژانس مسافرتی را مشاهده می کند که می تواند منجر به دفع کاربر و کاهش نرخ CTR شود. این مورد خیلی کم مشاهده شده است و چیزی نیست که بخواهید خیلی جدی بگیرید.اما به هر حال بهتر است برای بنر های تبلیغاتی که بی ربط به محتوای شما هستند، از title برای تصویر استفاده نکنید.

۵- اگر تصاویر را کم حجم کنیم، به دلیل کیفیت پایین تصاویر، موجب دفع کاربر نمی شود؟

قرار نیست طوری کم کنید، که کیفیت پایین آن مشهود باشد.

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.