چگونه تصاویر را سئو کنیم

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

در این مقاله به بررسی این موضوعات می پردازیم.

 

طبق آمار سال 2019، حدود  1.94 میلیارد سایت در دنیا وجود دارد و رقابت زیادی در کسب و کارهای مختلف بین آنها برقرار است اما راه پیروزی چیست؟ چگونه می توان کاربرانی را که به روش های مختلف وارد سایت ما شدند، در سایت نگه داشت؟

بعد از سئو سایت ( و حتی هنگام سئو )، یکی از عواملی که باعث می شود کاربر دوست داشته باشد در سایت شما بماند،محتوای کاربر پسند مانند تصاویرهای سایت شما هستند. ارائه محتوای بصری جذاب، به بیان دیگر داشتن تصاویر زیبا !

چون در واقع هنگام برقراری تعامل با کاربر ، بینایی بر حواس دیگر غلبه دارد، که نهایتا هم باعث می شود نرخ تبدیل یا Conversation Rate سایت هم بالاتر رود.

در رابطه با اهمیت تصاویر باید به نکات زیر دقت کرد :

• .90 درصد از اطلاعاتی که در مغز منتقل میشود ، دیداری هستند.
• .مغز انسان یک تصویر را در مدت زمان مشابه خواندن 1000 کلمه ، تجزیه و تحلیل میکند.
• .احتمال یادآوری یک محتوای بصری بعد از 3 روز 65 درصد است در حالی که برای محتوای متنی فقط 10 درصد است.

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

بهینه سازی تصاویر چه فایده ای دارد؟

1. با کاهش زمان بارگزاری سایت ، بانس ریت را کاهش داده و نگهداری سایت را بهبود میبخشد.
2. به کاهش سرعت لود صفحه که یکی از مهمترین فاکتورهای رتبه بندی گوگل است ، کمک میکند.
3. به فهم بهتر کلمات کلیدی شما توسط بازدیدکنندگان سایت کمک می کند.
4. اگر کسب و کار محصول محور باشید ، میتواند در جستجوی تصویر گوگل ، برای شما مفید باشد.
5. تعداد زیادی از دستگاه ها از وضوح نمایش خوبی برخوردارند که لزوم وجود تصاویر با کیفیت سایت را بیشترمیکند.

 

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

برخی موارد هستند که برای پیاده سازی نیازمند برنامه نویس و طراح سایت نیستند و هرکسی میتواند آن ها را روی هر سایتی پیاده سازی کند.

1. انتخاب نوع مناسب تصویر : vector یا raster ؟

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

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

جدول زیر را گوگل ، برای کمک به فهم رابطه ی پیکسل ها با اندازه تصویر منتشر کرده است :

 

File Size	Pixels	Dimension
39 KB	10,000	100 x 100
156 KB	40,000	200 x 200
351 KB	90,000	300 x 300
977 KB	250,000	500 x 500
2500 KB	640,000	800 x 800

 

 

گوگل ذکر کرده که برای انتقال هر پیکسل به 4 بایت فضا نیاز است.تصور کنید که چندین عکس 800 در 800 در سایت داشته باشید، آنگاه چه اتفاقی می افتد. .این سایت حداقل 625 کیلوبایت بر ثانیه سرعت لود میخواهد این یعنی یک فیل در مسابقه ی خرگوش ها شرکت کرده است! پیشنهاد می شود که ترکیبی از هر دو استفاده گردد. 40 درصد تصویر برداری و 60 درصد تصویر شطرنجی پیشنهاد ایده آلی به نظر میرسد.

 

2. انتخاب بهترین فرمت تصویر : SVG ، JPG ، PNG و یا GIF ؟

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

برای تصاویر شطرنجی نیز انواعی از فرمت ها وجود دارند :

.  PNG : این فرمت تصاویر با کیفیت بالا و حجم فایل زیاد تولید می کند. این فرمت زمانی مناسب است که شما به تمام جزئیات تصویر نیاز دارید.

. JPG : این فرمت تصاویر با کیفیت بالا و حجم فایل کمتر تولید می کند.با این حال، تصاویر از دست رفتنی هستند بع این معنا که شما برخی از جزئیات تصویر را برای همیسه از دست خواهید داد.بدون شک JPG برای دانلود و آپلود راحت و بی دردسر سبهتر خواهد بود به همین دلیل هم به طور گسترده ای مورد استفاده قرار میگیرد. در حدود 72.3 درصد از سایت ها از JPG استفاده میکنند و اغلب موبایل ها تصاویر را با پسوند «.JPG» ذخیره میکنند.این فرمت برای سایت های تجارت الکترونیک و رسانه های اجتماعی مناسبند.

. GIF : اگر به دنبال انیمیشن هستید ، این فرمت انتخابی ایده آل است چون 256 رنگ مختلفی را که از سیستم RGB به دست می آید را پشتیبانی میکند.هم اکنون ، 26.6 درصد از سایت ها از این فرمت استفاده میکنند.

 

نمودار زیر کمک میکند تا بهترین فرمت را برای استفاده پیدا کنید :

 

توجه: اطلاعات جدول متعلق به ماه می 2019 میباشد.

 

3. تغییر اندازه تصاویر

با وجود دستگاه های بسیار واضح است که مردم درمورد اندازه ایده آل تصویر سردرگمند.

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

 

نسبت ابعاد چیست؟

نسبت ابعاد ، نسبت عرض (x) به ارتفاع (y) تصویر را با فرمت x:y نشان می دهد.

 

چرا نسبت ابعاد مهم است؟

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

نسبت های ابعادی 16:9 ، 4:3 ، 3:2 و 1:1 میباشند که اطلاعات انها در جدول زیر آمده است :

کاربرد های مناسب	ابعاد بر حسب پیکسل	ابعاد بر حسب اینچ	نسبت ابعادی
عکس پروقایل شبکه های اجتماعی و نمایشگرهای موبایل	1080 x 1080	8 x 8	1:1
مناسب عکاسی و چاپ	1080 x 720	6 x 4	3:2
تلویزیون، مانیتور و دوربین های دیجیتال	1024 x 768	8 x 6	4:3
ارائه، نمایشگر ها و تلویزیون های عریض	1920 x 1080 and 1280 x 720	–	16:9

 

با توجه به جدول بالا ، تمرکز بر 1:1 و 4:3 که برای رسانه های اجتماعی ، صفحات موبایل ، عکاسی و پرینت  مناسبند ، بهتر است.

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

برای سیستم های مدیریت محتوا ، 1500 تا 2000 پیکسل است. معمول ترین سایز های تصویر برای وب در زیر آمده اند :

فرمت HDTV ، پرزنت و ارائه ، عکس کاور رسانه های اجتماعی	1920 x 1080 === 16:9
فرمت HD ، دید در عکاسی و فیلم برداری	1280 x 720 === 4:3
عکس پروفایل و پست های رسانه های اجتماعی	1080 x 1080 === 1:1

طبق تجارب به دست آمده سایز 1080 x 1080 و 1500 x 2000 مناسبترین انتخاب است.

 

4. نامگذاری تصاویر

موتور های جستجو بدون چشم فکر میکنند پس اگر نام خوبی انتخاب نکنید موتور نمی تواند تصویر شما را بخواند و در نتیجه رتبه خوبی به شما نمی دهد .اینجاست که کلمات کلیدی به کمک شما می آیند.اگر شما نام مناسبی انتخاب کنید ، آنگاه میتوانید چگالی کلمات کلیدی و در نتیجه رتبه ی خود در گوگل را بهبود بخشید.

نام گذاری باید به عنوان مثال به صورت «five-tips-for-image-optimization» و یا «the-ideal-method-for-naming-image-in-2019» باشد.

بدون فاصله ، با خط تیره به جای فاصله ها و با حروف کوچک! همان طور که میبینید از کلمه کلیدی «image optimization» به خوبی در نام تصویر استفاده شد.

راه های دیگری نیز وجود دارد مثل :

. متن جایگزین alt : هنگام عدم نمایش تصویر به هر دلیلی به مخاطب میگوید که موضوع عکس چیست.

 

 

. عنوان (caption) : متنی که توشیح کوتاهی راجه به تصویر میدهد و توضیحات بیشتری را به کاربر منتقل میکند.

علاوه بر اینها اگر سایت تجارت الکترونیک دارید میتوانید از اطلاعات ساخت یافته برای معرفی ویژگی هایی نظیر رنگ ، نوع و اندازه محصول به موتور های جستجو نیز استفاده کنید.

 

5. فشرده سازی تصاویر

فشرده سازی ممکنترین و ساده ترین راه در بخش بهینه سازی تصاویر است.

مناسبترین اندازه فایل تصویر چقدر است؟

کمتر از 70 کیلوبایت را هدف بگیرید!در مورد فایل های سنگین هم 300 کیلوبایت مناسب است.میانگین 100 کیلوبایت بهترین است.این کار سرعت لود سایت را کاهش میدهد و روی سئو سایت شما اثر می گذارد، البته کیفیت تصویر باید حفظ شود.

چطور اندازه فایل تصویر را کاهش دهیم؟

تنها کاری که باید انجام دهید اینست که فایل را به سایت فشرده سازی بپرید و فشرده شده آن را تحویل بگیرید.برخی سایت ها در زیر نام برده شده اند :

سایت های بهینه سازی عکس

. TinyPNG/TinyJPG : فشرده سازی PNG و JPG ها.مثلا 135 کیلوبایت را به 43.9 کیلوبایت کاهش میدهد، 20 تصویر در هر نوبت!

. Image Optimizer : فشرده سازی PNG و JPG ها.مثلا 135 کیلوبایت را به 49 کیلوبایت کاهش میدهد، 1 تصویر در هر نوبت!

. WeCompress : فشرده سازی PNG و JPG ها.مثلا 135 کیلوبایت را به 48 کیلوبایت کاهش میدهد، 1 تصویر در هر نوبت!

. EzGif : فشرده سازی GIF و باقی فرمت ها.مثلا 2 مگابایت را به 1.77 مگابایت کاهش داده است،1 گیف در هر نوبت.درضمن این سایت امکان ویرایش گیف بعد زا فشرده سازی را به شما میدهد.

علاوه بر موارد بالا :

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

از وضوح تصویر (resolution) ، dpi72 برای تصاویر خود استفاده کنید.

 

نکات پایانی :

امکان دارد که شما تمام این کارها انجام دهید اما هنوز سایت شما در زمان 13 ثانیه یا حتی بیشتر لود شود.در اینصورت شما باید یک سری سوال از خودتان بپرسید مثل :

. آیا به تمام این تصاویر نیاز است؟

. کدام تصاویر اضافی هستند؟

. بهترین مکان برای قرار دادن تصویر کجاست؟

محتوای بصری و یا متنی سایت ، ارتباطی در هم آمیخته با هم دارند که احساسات را شبیه سازی کند و کاری کند که مردم بیشتر با محصول و خدمات شما مشغول شوند. مردم ، با توجه به وبسایت یک کسب و کار در مورد آن قضاوت میکنند. نظر شما در این مورد چیست ؟