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

1- بهینه سازی توضیحات تصاویر سایت

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

2- متن جایگزین یا همان Alt tag تصاویر سایت

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

3- تگ عنوان یا همان Title tag تصاویر سایت

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

<img src="images/logo.png" alt="راویان نسل نو" title="راویان نسل نو" />

4- بهینه سازی تصاویر سایت با انتخاب پسوند مناسب

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

5- بهینه سازی تصاویر سایت با کاهش حجم

نرم افزار فتوشاپ گزینه ای با عنوان “Save for Web Devices” در نظر گرفته است که به شما امکان کاهش حجم فایل و مقایسه همزمان کیفیت تصویر اولیه با نمونه بهینه سازی شده را میدهد. در صورت عدم دسترسی به آن میتوانید برای بهینه سازی تصاویر خود از نرم افزار RIOT که رایگان بوده و به همین منظور طراحی شده است استفاده کنید. این نرم افزار تمام امکانات مربوط به بهینه سازی تصاویر را در اختیار شما قرار میدهد.

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