بلاگ


آموزش بهینه سازی تصاویر و تاثیر شگفت انگیز آن بر سئو

بلاگ آموزش بهینه سازی تصاویر و تاثیر شگفت انگیز آن بر سئو

0 141 ۱۳۹۷/۰۶/۱۲ آموزش بهینه سازی تصاویر و  تاثیر شگفت انگیز آن بر سئو

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

 

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

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

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

آیا برای همه عکس ها از صفت alt باید استفاده کنم؟

تفاوت JPEG، GIF و PNG چیست؟ چه زمانی باید از آنها استفاده کنم؟

ممکن سوالاهای فوق سوال های شما نیز باشد پس با ما همراه باشید.

 

نکات مهم در مورد سئو تصاویر:

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

2.    با دقت از alt استفاده کنید.

3.    ابعاد تصویرو زاویه تصویر را عاقلانه انتخاب کنید.

4.    اندازه فایل های تصاویر خود را کاهش دهید.

5.    نوع فایل مناسب را انتخاب کنید.

6.      بهینه سازی thumbnails

7.    استفاده از نقشه های سایت تصویری

8.    مراقب تصاویر تزئینی باشید.

9.    هنگام استفاده از شبکه های تحویل محتوا (CDNs) با احتیاط عمل کنید.

10.   تصاویر را تست کنید.

در این مقاله 4 نکته اول توضیح داده می شود، و در دو مقاله بعدی بقیه نکات توضیح داده خواهد شد.

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

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

 به عنوان مثال، این تصویر را ببینید.


شما می توانید از نامی که دوربین به طور پیش فرض به تصویر اختصاص می دهد را استفاده کنید (به عنوان مثال DCMIMAGE10.jpg) ولی بهتر است که نام فایل را به 2012-Ford-Mustang-LX-Red.jpg تغیر دهید.

 در مورد چگونگی سرچ کاربران سایت فکر کنید، ببنید آنها چه کلماتی را سرچ می کنند؟ مثلا

2012 قرمز فورد موستانگ LX

Ford Mustang LX Red 2012

قرمز فورد موستانگ LX 2012

به گزارش google analytics توجه کنید و ببینید کاربران سایت شما از کدام کلمات کلیدی بیشتر استفاده کرده اند. و رایج ترین کلمه کلیدی را شناسی کنید و از همان در نام گذاری های خود استفاد ه کنید.

 

2-    با دقت از alt استفاده کنید.

وقتی نشانگر موس را روی عکس می برید یک توضیح کوتاه در مورد عکس به شما نشان داده می شود، این همان ویژگی alt است، حتی اگر عکس در سایت به درستی بارگذاری نشود اگر نشان گر موس را روی عکس لود نشده حرکت دهید توضیح در مورد عکس نشان داده می شود و به کاربر کمک می کند با اینکه تصویر را نمی بیند ولی بداند عکس در مورد چه چیزی بوده است.

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


پس متوجه شدید که ویژگی alt برای هر تصویر محصول در سایت شما لازم و ضروری است.

 رعایت چند قاعده ساده برای استفاده از ویژگی های alt:

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

اگر محصولی دارید که داری شماره، مدل یا سریال دارد حتما در ویژگی alt از آنها استفاده کنید.

از ویژگی های alt برای تصاویر تزئینی استفاده نکنید. موتورهای جستجو ممکن است برای بهینه سازی این تصاویر شما را مجازات کنند.

در نهایت، همیشه سایت خود را چک کنید و به بهینه بودن تصاویرو ویژگی alt تصاویر توجه کنید.

 

3-   ابعاد تصویرو زاویه تصویر را عاقلانه انتخاب کنید.

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

عکس از فضای داخل ماشین

رینگ

موتور

عقب خودرو باید گذاشته شود.

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

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

 

4-   اندازه فایل های تصاویر خود را کاهش دهید.

تقریبا 50٪ از مصرف کنندگان حتی 3 ثانیه برای لود یک فروشگاه آنلاین صبر نمی کنند. طبق تحقیقات آمازون اگرزمان بارگذاری وب سایتشان فقط یک ثانیه افزایش یابد، 1.6 میلیارد دلار در سال از دست خواهند داد.

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

چه کاری می توانید انجام دهید؟

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

یکی از راه هایی که می توانید حجم فایل تصویر را کاهش دهید، استفاده از فرمان Save for Web در Adobe Photoshop است. هنگام استفاده از این فرمان، می خواهید تصویر را به کمترین اندازه فایل برسانید و در عین حال کیفیت تصویر را نیز حفظ کنید.

چگونه بدون فتوشاپ تصاویر را بهینه سازی کنیم؟

اگر فتوشاپ ندارید، ابزارهای آنلاین زیادی وجود دارد که می توانید برای ویرایش تصویر استفاده کنید. Adobe یک برنامه ویرایش عکس رایگان برای گوشی های هوشمند دارد، فتوشاپ اکسپرس، این ابزار تمام ویژگی های نسخه دسکتاپ Adobe Photoshop را ندارد، اما همه اصول اولیه ویرایش تصویر را پوشش می دهد.


 معرفی دیگر ابزارهای ویرایش عکس آنلاین

 PicMonkey توسط کارشناسان به عنوان یک "ابزار ویرایش عکس به شدت عالی" توصیف شده است.

PIXLR فوق العاده کاربر پسند و همراه با یک برنامه 100% رایگان برای گوشی های هوشمند است، بنابراین شما می توانید همیشه در حال ویرایش باشید.

Canva یکی دیگر از ویرایشگر پیشرفته آنلاین است.

حجم فایل های تصویری باید چقدر باشد؟

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

 

       5- انتخاب نوع مناسب فایل

سه نوع فایل رایج برای ارسال تصاویر به وب عبارتند از: JPEG، GIF و PNG.

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

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

 

تصاویر PNG به عنوان جایگزینی برای GIF ها هستند. PNG ها از رنگ ها بیشتر پشتیبانی می کنند نسبت به GIF ها. توجه داشته باشید که فایل های تصویر PNG-24 سه برابر بزرگتر از فایل تصویر PNG-8 است.

 

مثال جالبی که در آن حجم هر سه نوع فایل تصویر 24 کیلوبایت است.


 

همانطور که می بینید، JPEG برنده است. در فایل هایPNG  و GIF وقتی حجم فایل کاهش داده می شود، کیفیتشان نیز کم می شود.

 

در هنگام انتخاب نوع فایل تصاویر، به چه نکاتی باید توجه داشته باشید:

در فروشگاه های آنلاین، JPEG ها بهترین گزینه خواهند بود. آنها بهترین کیفیت را برای کوچکترین اندازه فایل ارائه می دهند.

از تصاویر GIF برای تصاویر بزرگ استفاده نکنید. اندازه فایل GIF بسیار زیاد است و هیچ راهی برای کاهش آن وجود ندارد. فقط از GIF ها برای عکسهای ریز و تصاویر تزئینی استفاده کنید.

PNG ها می توانند جایگزین خوبی برای JPEG ها و GIF ها باشند زیرا می توان حجم آنها را بسیار کاهش داد.

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


      6-  بهینه کردن عکسهای کوچک

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


چه کاری می توانید انجام دهید؟

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


        7-  از تصویر نقشه استفاده کنید.

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

Sitemap: http://example.com/sitemap_location.xml

یا می توانید نقشه سایت را در کنسول جستجو گوگل ارسال کنید.

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

با استفاده از نقشه سایت تضمین نمی شود که تصاویر وب سایت شما توسط گوگل پیدا می شوند. اما این قطعا یک گام مثبت در بهبود SEO است.

مهم است که عنوان های درستی برای تمام تصاویر سایت خود بنویسید. شما همچنین می توانید نقشه سایت جداگانه ای را برای فهرست تصاویر ایجاد کنید.


        8-  در استفاده از تصاویر تزیینی مراقب باشید.

وب سایت ها اغلب دارای مجموعه ای از تصاویر تزئینی مانند تصاویر پس زمینه، دکمه ها و...  هستند.

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

در اینجا چند نکته برای کاهش اندازه فایل های تصاویر تزئینی ارائه می دهیم:

برای تصاویری ساده، از PNG-8 یا GIF استفاده کنید. می توانید تصاویر با کیفیت خوب داشته باشید که فقط چند صد بایت حجم دارند.

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

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


        9-  هنگام استفاده از شبکه های تحویل محتوا (CDN ها) دقت کنید.

از شبکه های تحویل محتوا (CDN ها) که برای میزبانی تصاویر و سایر فایل های رسانه ای هستند استفاده کنید. آنها می توانند سرعت بارگذاری صفحه شما را افزایش دهند و مشکلات مربوط به پهنای باند را حل کنند.


     10-  تصاویر خود را آزمایش کنید

بعضی اوقات کاهش تعداد عکس ها و بالا بردن سرعت سایت باعث افزایش مشتری و خرید از فروشگاه می شود و گاهی ممکن است تعداد عکسهای بیشتر امکان فروش را بیشتر کند پس تست کنید و مشتری های خود را زیر نظر داشته باشید.

 

کلمات کلیدی : بهینه سازی تصاویر , بهینه سازی تصاویر تاثیر آن بر سئو , alt در تگ img , کاهش حجم عکس ,

[ نظرات بازدید کنندگان ]

با ارسال نظرات خود در مورد مطالب وب سایت، ما را در بهبود کیفیت مطالب یاری نمایید.

هنوز هیچ نظری برای این مطلب ثبت نشده است. شما اولین نظر را ارسال کنید.
CopyRight 2018 Zarrafeh.net ©
.All rights reserved