روش‌ های موثر برای بهینه سازی تصاویر

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

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

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

۱. بهترین فرمت تصاویر را انتخاب کنید

انواع مختلف فایل‌های تصویری وجود دارد که هر کدام برای هدف خاصی به کار می‌روند.

• فرمت JPEG برای تصاویر رنگی و همراه سایه بیشتر به کار می‌رود.
• فرمت PNG برای لوگوها و تصاویر که از رنگ‌های مات استفاده می‌کنند، مفید است.
• فرمت GIF برای تصاویر متحرک به کار می‌رود.

حتما هنگام ذخیره کردن تصاویر آن را با فرمت های مختلف تست کنید و ببینید در کدام فرمت بهترین کیفیت با کمترین حجم حاصل میشود. برای این موضوع میتوانید در فتوشاپ از ابزار Save for web استفاده نمایید.

۲. وزن تصویر را بهینه کنید

کاهش کیفیت تصویر می‌تواند باعث بالا رفتن سرعت وبسایت شود. وبسایت سریع‌تر، تجربه کاربری بهتری به مشتری می‌دهد. هر ۱ ثانیه تاخیر در لود شدن وبسایت باعث کاهش ۷ درصدی نرخ تبدیل می‌شود.

این مشکل برای کاربران موبایل خیلی بزرگ‌تر است. تصاویر نزدیک به ۶۸ درصد وزن صفحه را در اختیار دارند و باعث کاهش سرعت وبسایت می‌شوند و جلوی دسترسی کاربران به اطلاعات را می‌گیرند.

اندازه یک تصویر به اندازه کیفیت یا اندازه پیکسل‌های آن بستگی دارد. به همین دلیل توصیه می‌شود تا کیفیت تصویر را ۱۵-۲۰ درصد برای فرمت‌های JPEG و PNG کاهش بدهید.

برنامه‌های GIFsicle، فتوشاپ و Affinity Photo برای این منظور خیلی کاربردی هستند.

۳. تصاویر را با رزولوشن کمتر ذخیره کنید

رزولوشن به تعداد پیکسل‌های یک تصویر گفته می‌شود. به عنوان مثال اگر شما تصویری داشته باشید که عرض آن ۵۰۰ پیکسل و طول آن ۲۸۱ پیکسل باشد در مجموع ۱۴۰۵۰۰ پیکسل خواهد داشت.

تصاویر بزرگ‌تر، پیکسل بیشتری هم دارند.

سرویس Google’s PageSpeed به شما نشان می‌دهد کدام تصاویر باید فشرده سازی شوند و چقدر فضا بعد از آن بدست می‌آورید. سرویس رایگان Pixlr Online Photo Editor نیز همین کار را می‌کند.

۴. تغییر اندازه تصاویر به اندازه مقیاس

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

بهتر است ابتدا اندازه تصاویر را با کمک پلاگین‌ها کاهش دهید. اگر کاربر وردپرس باشید انتخاب‌های بیشتری دارید. در تاثیر اندازه تصاویر در سئو وردپرس می‌توانید تنظیم کنید تا تصویر به صورت خودکار مقیاس پذیر بشوند.

چند توصیه مهم دیگر در این زمینه:

• از اثر CSS3 تا جای ممکن استفاده کنید.
• تصاویر خود را به مقیاسی که می‌خواهید تغییر بدهید و اجازه ندهید تا HTML و CSS آنها را تغییر بدهند.
• عمق رنگ تصاویر را کمتر کنید.
• از فونت‌های وب استفاده کنید و از گذاشتن متن در تصاویر اجتناب کنید.
• تصاویر خود را به کمک پلاگین Gzip کوچک کنید.

۵. اندازه فایل‌ها را به کمک پلاگین‌ها کاهش دهید

پلاگین‌ها می‌توانید به عنوان روش دوم، تصاویر را بیشتر فشرده کنند. شما می‌توانید از پلاگین‌های WP Smush، CW Image Optimizer، Insanity، SEO Friendly images و PB Responsive Images استفاده کنید.

به طور کلی برای تصاویر خیلی بزرگ بهتر است اندازه آنها را زیر ۱۲۰ کیلو بایت و برای بقیه تصاویر اندازه آنها را در حدود ۵۰ کیلو بایت نگه دارید.

۶. هر نوع متاداده بی‌ربط را حذف کنید

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

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

۷. برای تصاویر خود نام انتخاب کنید و توضیحات Alt را به آنها اضافه کنید

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

اگر لازم است، برای تصاویر خود توضیحات هم ذکر کنید. شما می‌توانید این کارها را درون پنل وردپرس هم انجام دهید.

موتورهای جستجو متون و توضیحات درون تصویر را بررسی می‌کنند. از اسامی تصادفی خود تصاویر استفاده نکنید.

۸. از فایل‌های SVG  برای بالا بردن شفافیت و سبک‌تر کردن وبسایت استفاده کنید

فایل SVG برای لوگوها، آیکون‌ها، متن‌ها و تصاویر ساده استفاده می‌شود. استفاده از فایل‌های SVG برای بهتر کردن وبسایت خیلی خوب است. شما می‌توانید از فرمت‌های PNG و JPEG استفاده کنید اما استفاده از تصاویر وکتور (vector) هم خوب است.

• تصاویر وکتور (vector) برتری‌های زیادی دارند:
• آنها در مرورگرها و نرم افزارهای ویرایش مقیاس پذیر هستند. زوم کردن روی کیفیت تصویر اثری نمی‌گذارد.
• کیفیت سئو سایت را از دست نمی‌دهید.
• به طور معمول SVG از فرمت‌های PNG و JPEG کوچک‌تر است.