بسیاری از بازدیدکنندگان برای بارگذاری یک صفحه وبسایت در کامپیوترهای دسکتاپ ۳ ثانیه و در دستگاههای موبایل ۵ ثانیه صبر میکنند. به همین دلیل، بهینهسازی تصاویر وبسایت برای وب و سئو تصاویر اهمیت بسیاری پیدا میکند و این سوال برای کاربران پیش میآید که روشهای بهینهسازی تصاویر سایت چیست. بنابراین، اگر تصاویری دارید که بارگذاری آنها بیش از ۱۵ ثانیه طول میکشد، باید منتظر کاهش بازدیدکنندگان خود باشید.
SEO (بهینهسازی موتور جستجو) روشهایی را ارائه میدهد که به کمک آنها میتوان محتوای یک وبسایت را به گونهای بهینهسازی کرد که موتورهای جستجو راحتتر وبسایت را پیدا کرده و در نتایج خود به کاربران نمایش دهند، که این امر در نهایت به افزایش رتبه صفحه در اینترنت کمک میکند.
بهینه سازی تصاویر چیست؟
با بهینه سازی تصاویر چه اشاره میکنیم؟ به سادگی میتوان گفت که به فرایندی اشاره داریم که باعث کاهش حجم سایت با حفظ کیفیت تصاویر میشود. در طراحی وب، بهینهسازی تصاویر برای موتورهای جستجو بسیار حائز اهمیت است، زیرا صفحه نتایج جستجوگرها در بعضی موارد شامل تصاویر نیز میشود و تصاویر به عنوان جزء مهمی از سایت در بالای نتایج قرار میگیرند. این تصاویر نسبت به متون، جذابیت بیشتری دارند و به سرعت توجه کاربر را جلب میکنند، به طوری که کاربران اغلب ابتدا به تصاویر توجه میکنند و سپس به متن میپردازند.
مطالبی که در این مقاله درباره بهینهسازی عکس برای سایت مطرح شدهاند، نه تنها برای موتور جستجوی گوگل بلکه برای کاربران نیز کاربردی هستند. گوگل (منظور رباتهای گوگل یا Googlebot است) عملکردی مشابه با یک فرد نابینا دارد. به سادگی میتوان گفت که اگر گالری تصاویر خود را با توضیحات کامل برای افراد نابینا بهینهسازی کنید، شانس افزایش رتبه تصاویر شما به بالاترین سطح ممکن را خواهید داشت. بهینهسازی تصاویر برای موتورهای جستجو مانند توضیح دادن یک تصویر برای افراد نابینا است.
با خرید هاست مناسب برای وبسایت خود و استفاده از عکسهای بهینه شده، بدون شک فضای کمتری از سرویس شما اشغال میشود و در نهایت هزینههای شما کاهش مییابد. علاوه بر این، زمان بارگذاری سایت برای کاربران کاهش مییابد و این امر بر سئو سایت شما نیز تأثیر مثبت میگذارد. بنابراین، به بهینه بودن تصاویر خود اهمیت دهید، زیرا این کار با یک تیر دو نشان را میزند.
بسیار مهم برای بهینه سازی تصاویر
- کلمات کلیدی متن اطراف تصویر
- کلمات کلیدی نام فایل تصویری
- ابعاد تصویر (حداقل ۳۲۰ پیکسل تا حداکثر ۱۲۸۰ پیکسل)
- کلمات کلیدی در Alt-text ها
- اطمینان از در دسترس بودن تصویر برای روبوت های کاوشگر تصاویر (Images-bot)
مفید برای بهینه سازی تصاویر
- استفاده های چند منظوره از تصاویر (کپی)
- چندین لینک به یک تصویر (Hot link)
- کلمات کلیدی در تیتر صفحه که شامل URL صفحه نیز می گردد.
نه چندان مهم برای بهینه سازی عکس برای
- کلمات کلیدی در تیتر صفات(attribute) یک تصویر
- کلمات کلیدی مرتبط با کلیت سایت
- کلمات کلیدی در توضیحات Meta
- کلمات کلیدی Meta
- موقعیت صفحه در جستجو های ارگانیگ
- آپلود جدید یک تصویر تکراری ( تاریخ حقیقی)
غیر قطعی و در حال تغییر برای بهینه سازی تصاویر
- عمر یک تصویر (که همیشه تصویرهایی با عمر بالاتر و قدیمی تر بهتر می باشند)
- اصیل بودن یک تصویر (زمانی که یک عکس با اکثر نتایج جستجوی خود متفاوت می باشد)
- مشخص نمودن تصویر در Site Map سایت
بر اساس تجربیات متخصصین SEO، موارد بالا معمولا ۸۰% از کل مراحل عملیات بهینه سازی تصاویر مناسب برای تصاویر در گوگل را تشکیل می دهند.
این مقاله به سه قسمت اصلی تقسیم شده است. هر قسمت شامل مباحث مهم و ضروری در حوزه ی بهینه سازی تصاویر برای سایت می باشد و همچنین برخی دیگر از مباحث نیز بر اساس تجربه متخصصین می باشند.
- فاکتور های رتبه بندی سئو عکس های سایت (OnPicture)
- فاکتور های رتبه بندی سئو عکس های سایت(OnPage)
- فاکتور های رتبه بندی سئو عکس های سایت (OffPages)
فاکتورهای رتبه بندی روی عکس ها (بهینه سازی تصاویر Onpicture)
فاکتورهای رتبه بندی عکس ها به معنای تمامی عملیاتی است که باید قبل از آپلود تصویر بر روی آن انجام شود. اولین نکته بسیار مهم، انتخاب بهترین تصویر موجود است که باید شفاف، جذاب و از نظر کاربران زیبا باشد. یک تصویر مناسب باید تجربه مشاهده عکسی زیبا را برای کاربر رقم بزند. در ادامه به برخی از نکات از مفید برای انتخاب یک عکس مناسب اشاره خواهد شد :
۱ –بهینه سازی تصاویر سایت برای سایت با توجه به ابعاد تصویر
ابعاد یک تصویر باید حداقل ۳۲۰ پیکسل و حداکثر ۱۲۸۰ پیکسل باشد. تصاویر کوچکتر معمولاً رتبههای پایینی دارند و تصاویر بزرگتر تنها در صورتی در نتایج جستجو نمایش داده میشوند که کاربر به صورت دستی گزینه “Large Image” را انتخاب کند.
بسیاری از طراحان وب به دلیل راحتی، از تصاویر با اندازه کامل به عنوان تصاویر بند انگشتی استفاده میکنند. آنها با تغییر کدها، هنگام بارگذاری تصویر، طول و عرض آن را تغییر داده و آن را کوچک نشان میدهند. اما باید توجه داشت که تصاویر با اندازه کامل ابتدا باید در مرورگر کش شوند، و طراحان این نکته را نادیده میگیرند. به این ترتیب، صفحهای که تصاویر بند انگشتی دارد، در واقع صفحهای با تصاویر با اندازه کامل است که بارگذاری شدهاند.
۲ – نسبت فرمت تصاویر و بهینه سازی تصاویر سایت
برای دستیابی به بهترین رتبه ها سعی کنید همواره فرمت معمولی یا نرمال (یعنی مربعی یا SQUARE با نسبت ابعاد ۴:۳ تا ۱۶:۱۰ ) را برای تصاویر خود انتخاب نمایید. عکس هایی که نسبت طول و عرض آن ها اختلاف فاحشی از هم دارند، معمولا رتبه های پایین تری را کسب می کنند. دلیل منطقی این امر، حفظ ظاهر صفحه جستجو تصاویر موتور جستجوگر می باشد. از آن جا که گوگل در صفحه نتیجه جستجوی خود تمامی تصاویر را کنار هم به نمایش می گذارد، در صورتی که عکس هایی با ابعاد غیر عادی در بین آن ها باشد، نظم صفحه به هم می خورد.
۳ -انتخاب Portrait یا Landscape؟
برای بهینه سازی تصاویر سایت به یاد داشته باشید پاسخ این سوال هم به دلایلی که در مورد قبلی به آن ها اشاره شد مشخص می باشد. گوگل همواره برای حفظ ظاهر و نظم صفحه نتیجه جستجوی خود، عکس های فرمت Landscape را بیشتر انتخاب می نماید و از انتخاب عکس هایی با ارتفاع زیاد خودداری می نماید.
انواع فرمت عکس کدامند؟ در مقاله ی دیگری بخوانید.
۴ – بهینه سازی تصاویر سایت و استفاده از فرمت مناسب
توصیه شخصی نویسنده این مقاله استفاده از قرمت های JPEG و PNG می باشد. شواهد موجود نشان می دهند که تصاویری که با فرمت JPEG می باشند معمولا دارای رتبه بالاتری نسبت به سایر هستند، اما سند موثقی برای اثبات آن وجود ندارد و گوگل نیز مقاله ای را در این مورد منتشر نکرده است. بنابراین همواره فرمت JPEG بر اساس تجربیات شخصی ترجیح داده می شود. اما در برخی از مواقع، مخصوصا در مورد استفاده از تصاویر و گرافیک های سیاه و سفید، استفاده از فرمت PNG-8 نتیجه بهتری را به همراه خواهد داشت. بنابراین بعضا استفاده از فرمت PNG می تواند با صرف نظر از رتبه بندی، با سرعت بالاتر بارگذاری، کاربران سایت را راضی تر نگه دارد.
برای اینکه مطمئن شوید تصاویرتان فشرده می شود از فرمت JPEG استفاده کنید، این فرمت از فشرده سازی تصویر پشتیبانی می کند. در بیشتر موارد، استفاد از JPEG هنوز هم ایده خوبی است .
وقتی از فرمت هایی مانند GIF یا PNG استفاده می شود، طراحان حرفه ای می دانند که در صورت امکان باید از تصاویر با عمق رنگ ۸ بیت استفاده کنند. بسته به نوع تصویر و نیاز وب سایت خود از فرمت مناسبی استفاده کنید. در مثال زیر سعی شده که حجم فایل در فرمت های مختلف به ۲۴ کیلوبایت کاهش یابد :
- در بسیاری از سایتهای تجارت الکترونبک JPEG بهترین انتخاب شماست. زیرا بهترین کیفیت و کمترین حجم را در اختیار شما قرار می دهند.
- از فرمت GIF برای تصاویر بزرگ استفاده نکنید. زیرا حجم فایل بسیار زیاد شده و هیچ راه حل مناسبی برای کاهس آن وجود ندارد. از GIF برای تصاویر بند انگشتی و بخش های تزیینی استفاده کنید.
- PNG جایگزین مناسبی هم برای JPEG و هم GIF است. اگر فقط می توانید از فرمت PNG برای تصاویر استفاده کنید، سعی کنید از PNG با عمق رنگ به جای ۲۴ رنگ استفاده کنید. PNG در بخش تصاویر تزیینی ساده(مانند تصویر پس زمینه،قاب ها، دکمه ها و . . .) بهتر هستند زیرا حجم آنها در این موارد بسیار کم می شود.
با تشکر از همراهی شما تا پایان مقاله