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

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

ربات های گوگل به خودی خود توانایی تشخیص عکس را ندارند مگر به آن در این تشخیص صحیح کمک کنیم

سئو تصاویر

بهینه سازی تصاویر برای موتورهای جستجو بسیار مهم میباشد زیرا بهینه سازی شما در بخش های دیگر سئو مانند Bounce Rate و کارآیی ( Usability ) تاثیر مستفیم دارد.

1.      کلمه ی کلیدی در نام فایل , توضیحات فایل

این موضوع خیلی ساده و جزو اصول اولیه است.نام فایل اپلود شده شما بسیار مهم است تصور کنید که در حال آپدیت تصویری در مورد تبلت جدید مایکروسافت Surface هستید به ۲ مثال زیر توجه کنید:

cnetmicrosoft.png

microsoftsurface.png

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

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

همچنین سعی کنید اسم فایلی که انتخاب میکنید پر از کلمات کلیدی نباشد یعنی سعی کنید در تصویر خود Keyword Stuffing انجام ندهید.

همچنین توجه داشته باشید که اگر عنوان تصویر شما از نظر گوگل به محتوا مرتبط باشید از آن در Rich Snippet استفاده خواهد کرد.

همچنین سعی کنید به جای قرار دادن فاصله ( Space ) در تصاویر از خط فاصله استفاده کنید.

2.      استفاده از ویژگی alt برای عکس ها :

یکی دیگر از attribute مهم دیگر برای جذب موتور های جستجو اتریبیوت alt است . مطمئنا این را میدانید که روبات ها نمیتوانند عکس ها را مانند انسان تماشا کنند و متن داخل آن را بخوانند . پس راه کاری وجود دارد که میتواند متن داخل عکس یا موضوع عکس را به روبات ها نشان دهد . ویژگی alt یک راه عالی برای بهینه سازی برای جستجوگر هاست . یکی دیگر از مزیت های ویژگی alt ، این است که اگر عکس لود نشود به جای آن متنی که در ویژگی alt نوشته اید به نمایش در می آید.

3.      فرمت تصاویر

گوگل میتواند فرمت های  BMP, GIF, JPEG, PNG, WebP و  SVG را ایندکس کند.واقعا سخت هست که انتخاب کنیم چه فرمتی را در تصاویر قرار دهیم رایج ترین فرمت ها PNG و JPG هستند.همچنین شما میتوانید از سرویس WebP گوگل هم استفاده کنید.براساس ادعای گوگل شما ۳۰ درصد فشرده سازی بیشتر بدون از دست دادن کیفیت انجام خواهید داد.

4.      از سایت های دیگر لینک تصویر قرار ندهید

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

5.      حجم پایین با کیفیت بالا

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

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

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

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

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

6.      خودداری از قرار دادن متون در تصاویر

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

7.      نقشه تصاویر اضافه کنید

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

8.      استفاده از نوشته alt در زمانی که تصاویر شما لینک دار هستند

 اگر تصمیم دارید از تصویر خود برای لینک استفاده کنید، با نوشتن alt می توانید به گوگل در زمینه بیشتر شناختن آن صفحه کمک کنید. تصور کنید که می خواهید از متن برای لینک ها استفاده کنید.
اجتناب کنید از:
– نوشتن متن های طولانی که به نظر spam باشند.
– استفاده از آدرس تصویر برای مسیر یابی سایتتان.

9.      ذخیره سازی تصاویر در شاخه های خودشان

به جای این که تصاویر خود را در جاهای مختلف سایت خود      پراکنده http://www.rayanlearn.com/images کنید آن ها را در یک جا قرار دهید.