سئو تصاویر و بهینه سازی سایت با ۷ روش

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

 

پیشنهاد ما مطالعه مقاله مقدمه : چگونه تصاویر را سئو کنیم ؟

 

سئو تصاویر و بهینه سازی سایت با ۷ روش

اهمیت سئو تصاویر را در نتایج گوگل قابل رویت است.

۷ روش سئو تصاویر

چهارم: حجم فایل‌های تصاویر خود را کاهش دهید

این‌ها را در نظر بگیرید:

1. تقریباً ۵۰٪ از مصرف‌کنندگان حتی برای ۳ ثانیه برای بارگیری سایت صبر نمی‌کنند.
2.  … و در سطح جهانی، زمان بارگذاری صفحه به‌طور واقعی افزایش می‌یابد.
3. آمازون دریافت که اگر سرعت لود صفحات آن‌ها فقط یک ثانیه کاهش یابد، آن‌ها ۱٫۶ میلیارد دلار در سال از دست خواهند داد.
4.  گوگل از زمان بارگذاری صفحه به‌عنوان عامل رتبه‌بندی در الگوریتم خود استفاده می‌کند.

بنابراین، اگر تصاویری دارید که به‌آرامی روی صفحه‌ نمایش داده می‌شوند و برای بارگیری بیش از ۱۵ ثانیه طول می‌کشد، شما با مشتریانتان خداحافظی کنید.

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

• کیفیت(quality): این را در گوشه سمت راست بالا (به‌عنوان‌مثال ۷۰) پیدا کنید.
• فرمت فایل: این را در گوشه سمت راست بالا یعنی (JPEG) پیدا کنید.
• بهینه سازی(Optimization): این گزینه را در گوشه سمت راست بالا (به‌عنوان‌مثال بهینه‌شده) پیدا کنید.
• رنگ: این گزینه را در گوشه سمت راست بالا تبدیل به( sRBG) پیدا کنید.
• اندازه فایل مورد انتظار: این را در پایین، گوشه سمت چپ یعنی( ۱۳۶٫۷­­KB )پیدا کنید.
• شما همچنین می‌توانید از “Export As” استفاده کنید.

 

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

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

 

دیگر ابزارهای قابل ویرایش تصویر آنلاین عبارت‌اند از:

• توسط کارشناسان به‌عنوان یک “ابزار ویرایش عکس بسیار عالی” توصیف‌شده است.(PicMonkey)
• فوق‌العاده کاربرپسند و همچنین یک برنامه ۱۰۰٪ رایگان برای گوشی‌های هوشمند است، بنابراین شما می‌توانید در آن عکس‌های خود را ویرایش کنید.( PIXLR)
• یکی دیگر از ویرایشگر پیشرفته آنلاین است.(Canva)

درنهایت، نرم‌افزار GIMP. GIMP یک نرم‌افزار رایگان ویرایش عکس است که می‌تواند در ویندوز، مک و لینوکس اجرا شود.

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

برای تصاویر در محیط وب‌سایت، یک قاعده خوب این است که سعی کنید حجم فایل تصاویر خود را کمتر از ۷۰ کیلوبایت باشد. این کار مخصوصاً برای تصاویر بزرگ‌تر می‌تواند مشکل باشد.

 

پنجم: نوع فایل مناسب را انتخاب کنید

سه نوع فایل رایج وجود دارد که برای ارسال تصاویر به وب استفاده می‌شوند JPEG، GIF  و PNG.

بیایید نگاه کنیم به سه نوع فایل و نحوه تأثیر آن‌ها بر تصویر مشابه:

 

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

 

تصاویر GIF کیفیت پایین‌تری نسبت به تصاویر JPEG دارند و برای تصاویر ساده‌تر مانند آیکون‌ها و تصاویر تزئینی استفاده می‌شود GIF ها نیز از انیمیشن پشتیبانی می‌کنند.
با توجه به بهینه سازی تصویر، GIF ها برای تصاویر ساده در یک صفحه وب (که تنها شامل چندرنگ هستند) عالی هستند؛ اما برای تصاویر پیچیده و عکس‌ها، GIF ها همیشه جذاب نیستند..

 

 

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

 

مثال فوق‌العاده‌ای است که در آن حجم فایل تصویر در ۲۴ کیلوبایت ثابت برای هر سه نوع فایل نگهداری می‌شود :

 

همان‌طور که می‌بینید JPEG هست که برنده می‌شود و از FIG , PNG پیشی می‌گیرد و با همان اندازه و بهترین کیفیت و اندازه فایل کم.

 

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

 

در هنگام انتخاب انواع فایل‌ها، نکات زیر را به خاطر داشته باشید:

• در اغلب موارد در وب‌سایت‌ها، JPEG ها بهترین گزینه شما خواهند بود. آن‌ها بهترین کیفیت را برای کوچک‌ترین اندازه فایل ارائه می‌دهند.
• از تصاویر GIF برای تصاویر بزرگ استفاده نکنید… فقط از GIF ها برای ریز عکس‌ها و تصاویر تزئینی استفاده کنید.
• PNG ها می‌توانند جایگزین خوبی برای JPEG ها و GIF ها باشند. اگر فقط قادر به دریافت عکس‌های محصول در فرمت PNG هستید، از PNG-8 به جای   PNG-24  استفاده کنید.
  PNG ها به دلیل تصاویر بسیار ساده و زیبا به دلیل حجم فایل بسیار کوچک خود، از آن‌ها بهتر هستند.

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

 

در کل سئو و بخصوص سئو تصاویر تأثیر زیادی بر بهبود رتبه الکسا دارد.

 

ششم: ریز عکس‌ها را بهینه کنید.

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

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

 

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

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

 

هفتم: از نقشه‌های تصویر استفاده کنید.

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

 

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

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

یا می‌توانید نقشه سایت را به Google با استفاده از کنسول جستجو ارسال کنید.

سئو تصاویر را جدی بگیرید.

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

 

 هشتم: از تصاویر تزئینی مراقب باشید

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

 

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

• برای تصاویری که مرزها یا الگوهای ساده را تشکیل می‌دهند، آن‌ها PNG-8 یا GIF را ایجاد می‌کنند. شما می‌توانید تصاویر باکیفیت خوب ایجاد کنید که تنها چند صد بایت هستند.
• در صورت امکان، به‌جای استفاده از تصاویر، از CSS استفاده کنید تا زمینه‌های رنگی ایجاد کنید. با استفاده از CSS یک ظاهر طراحی‌شده تا جای ممکن برای جایگزینی هر تصاویر تزئینی.

 

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

 

نهم: هنگام استفاده از شبکه‌های تحویل محتوا، احتیاط کنید (CDNs)

 

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

 

بنابراین، بهترین شیوه‌ها عبارت‌اند از :

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

راه‌هایی در مورد تصاویر مربوط به SEO که در ارتباط با CDNs هست وجود دارد.

 

برخی فواید CDN عبارتند از :

• ارتقا سایت در رتبه بندی گوگل
• بررسی تعداد زیادی از صفحه های سایت توسط ربات ها
• افزایش سرعت سایت و رضایت مشتریان
• بهینه سازی سئو سایت

دهم: تصاویر خود را آزمایش کنید

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

• تعداد عکس‌های محصول را در هر صفحه تست کنید: ازآنجاکه زمان بارگیری برای برخی از سایت‌های تجارت الکترونیک غیر میزبانی‌شده است، ممکن است متوجه شوید که کاهش تعداد تصاویر در یک صفحه از طریق نرخ و فروش کلیک می‌کند. همچنین ممکن است که ارائه تصاویر زیادی در هر صفحه تجربه کاربر را بهبود بخشد و منجر به فروش بیشتر شود. تنها راه برای پیدا کردن این است که آن را آزمایش کنید.
• آزمایش چند لیست محصول که باید در صفحات گروهی داشته باشید: ۱۰، ۲۰، ۱۰۰ محصول؟ تعداد محصولات موردنظر را در صفحات گروهی تست کنید تا ببینید چه چیزی برای مشتریان شما مناسب است.

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

 

پیشنهاد ما : url چیست؟ چگونه url استاندارد درست کنیم؟

 

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

 

شاخص‌های سئو تصاویر :

۱ . اسم فایل تصاویر	نام عکس‌های شما مستقیماً توسط گوگل و بقیه موتورها به منظور نشان دادن در نتایجشان خوانده می‌شود مثال : Seo-images-type.jpg
۲ . تگ عنوان و تگ جایگزین	گوگل اهمیت خیلی بالایی به تگ جایگزین و تگ عنوان در تصاویر می‌دهد , این قسمت به گوگل کمک می‌کند که بفهمد تصاویر درباره چه چیزی است و به شما کمک می‌کند تصاویرتان در نتایج جستجو رتبه بگیرد.
۳ . شرح تصویر که زیر آن دیده می‌شود	متای توضیحات تصاویر تأثیر مستقیم بر تعداد بازدیدکنندگان دارد و رتبه ما را تحت تأثیر قرار می‌دهد.
۴ . ابزار سئو و چک کردن آن‌ها	SEO chat : چک کننده تمام مشخصات تصاویر Durham : تمرکز بروی متن جایگزین دارد Content Forest : فقط متن جایگزین پس با این ابزار می‌توانید وضعیت تصاویر صفحه‌تان را چک کنید.
۵ . زمان بارگذاری تصاویر	گر زمان بارگذاری تصاویرتان از حد میانگینش کمتر باشد گوگل دوست ندارد سایت شما را نتایج بالای خودش قرار دهد , کاربران هم وقتی تصاویر لود نشود دکمه برگشت را می‌زنند و از سایتتان خارج می‌شوند. ابزارهای دیگری وجود دارند که برای کاهش حجم تصاویر پیشنهاد می‌گردند : سایت imageoptim سایت jpegmini سایت punypng
۶ . شناخت انواع مختلف تصاویر	شما باید با انواع مختلف تصاویر آشنا باشید که بتوانید تصاویر با بیشتر کیفیت و کمترین حجم را در سایتتان بارگذاری کنید. Jpeg Gif Png نکات خلاصه فرمت‌های مختلف تصاویر: استفاده از انواع jpeg برای تصاویر پیچیده‌تر در وب‌سایت Png ها برای گرافیک , اسکرین شات و لوگو Gif هم برای انیمیشن استفاده کنید
۷ . نقشه سایت برای تصاویر	داشتن نقشه سایت برای تصاویر به گوگل کمک می‌کند که به راحتی تصاویر شما را پیدا کند و راحت ربات‌های موتورهای جستجو داخل سایت و تصاویرتان بخزند.
۸ . گراف باز	راهی برای کنترل آزاد اطلاعات شما به عنوان شخص ثالث هست. البته با استفاده از افزونه yoast می‌توانید این فرایند را ساده‌تر کنید کافیه که به تب شبکه‌های اجتماعی بروید وان‌ها را تنظیم کنید.

 

خلاصه اینکه :

1. تصویری بیابید که مرتبط با متن تان باشد
2. نام صحیح برای فایل تصاویرتان انتخاب کنید
3. مطمئن شوید که ابعاد عکس با اندازه‌ی تصویری که باید به نمایش درآید مطابقت دارد
4. اندازه تصاویر را برای بارگذاری سریع‌تر کاهش دهید
5. یک caption یا توصیف برای اسکن شدن راحت تر صفحه انتخاب کنید
6. تگ عنوان و تگ جایگزین تصاویر را به صورت متفاوت با استفاده از کلمات کلیدی مرتبط با عنوانتان تکمیل نمایید
7. تگ open graph و twitter card را به تصاویرتان اضافه کنید
8. تصاویر را در نقشه سایت اضافه کنید

 

کلام آخر :

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