این مقاله که توسط تیم تولید محتوای ذره بین تهیه شده است ، نقش بهینه سازی تصاویر در سئو مورد بررسی قرار گرفته شده است .
مقدمه
به گفته گوگل ، بهینه سازی تصاویر برای سئو و تجربه کلی کاربر در وب سایت بسیار مهم است. حفظ بازدیدکنندگان در جهانی که میانگین توجه آنلاین فقط هشت ثانیه تخمین زده شده ، بسیار مهم است. این موضوع شاید از نظر شما اهمیت چندانی در سئو نداشته باشد ، اما شما تعجب خواهید کرد که چقدر بهینه سازی تصویر می تواند برای SEO موثر باشد. به خصوص هنگامی که نزدیک به ۹۰ درصد از موضوع را به تصویر انتقال می دهید.
باورتون نمیشه؟
در اینجا یک آزمایش فکری برای شما وجود دارد: سعی کنید آخرین سایتی را که بازدید کرده اید به یاد بیاورید. چه چیزهایی به ذهن شما خطور می کند؟ توضیحات و مشخصات محصول یا ظاهر و احساس سایت؟
خوب ، این اتفاق به هیچ وجه تصادفی نیست بلکه هدفمند است. و پشت همه این تصاویر واضح ، رنگارنگ و با وضوح بالا ، بهینه سازی SEO – نقشی محوری در هدایت کاربران ،به سایت دارد.
مهم است بدانید چرا و چگونه بهینه سازی تصاویر نه تنها SEO ، بلکه سلامت کلی سایت را تحت تأثیر قرار می دهد. البته تصاویر بزرگ و بی قاعده ای که بدون کمک CDN ( شبکه تحویل محتوا) ارائه می شود ، می تواند تجربه کاربری و زمان حضور در سایت را کاهش و در نهایت رتبه بندی سایت در SERPS را به شدت مختل کند.
نکته : با Google Pagespeed Insights ، می توانید ببینید که چه فرصت هایی برای بهبود سرعت سایت شما وجود دارد ، زیرا بهینه سازی تصویر یکی از اصلی ترین عناصر است.
با تمام این اوصاف ، ما به طور خلاصه می توانیم بهترین روش ها را برای بهینه سازی تصویر ، در سایت شرح دهیم تا به شما کمک کند ، که هرگونه چالش پیش بینی نشده را به دلیل عدم توانایی خزنده ها در فهرست بندی مناسب محتوای سایت قرار دهید و و UX ضعیف را برای بازدیدکنندگان کاهش دهید.
در حال حاضر می توان گفت که همه ما تا حدودی با فرمت های اصلی تصویر در سراسر وب آشنا هستیم. ما درباره تصاویر استاندارد GIF ، PNG و JPEG که در سایتهای مختلف وجود دارد صحبت می کنیم . به این نکته توجه کنید که انتخاب یک فرمت باید توسط عملکرد مورد نظر تصویر تعیین شود.
در زیر چند پرسش و پاسخ مهم را بیان میکنیم
آیا برای تقویت تعامل و انتقال پیام خاص ، انیمیشن لازم است؟ می توانید به جای آن از GIF استفاده کنید که ساده تر و ارزانتر می باشد.
کدام فرمت از بالاترین کیفیت تصویر می تواند استفاده کند؟ PNG برای این امر مناسب تر است . JPEG ها معمولاً قالب های ترجیحی برای حفظ بیشتر جزئیات تصویر می باشند و در عین حال کاهش همزمان اندازه پرونده را می توانند انجام دهند . در واقع ایده آلی برای سرعت سایت و زمان بارگذاری می باشد.
دقت کنید در نهایت مهم نیست که از چه فرمتی برای رسانه سایت خود تصمیم می گیرید استفاده کنید ، مهم این است که اندازه هر تصویر را برای کاهش عقب ماندگی سایت بهینه کنید. تعداد انگشت شماری از ابزارها برای تحقق این امر در دسترس می باشند مانند exgif ، optipng و pngquant .
نکته: برای کاربران ، imageoptim Mac ، یک ابزار رایگان خارق العاده بهینه سازی اندازه تصویر است.
راه حل چیست؟ اندازه تصاویر را در حداکثر عرض مورد نیاز خود تغییر دهید و بارگذاری کنید. و اگر مطمئن نیستید که اندازه آن چه قدر است ، از طراح خود بخواهید CSS را بیابد تا از این موضوع مطلع شوید.
تنها نکته مهم در اینجا این است که اگر از طرح های مختلف استفاده می کنید ، در تغییر اندازه این تصاویر بیشتر دقت کنید. بنابراین حتماً با طراح سایت خود مشورت کنید تا اطمینان حاصل کنید که ابعاد تغییر یافته توسط شما ، مطابق با ماهیت سایت شما باشد.
به عنوان مثال : اگر یک تصویر را در نظر داشته باشید که با ۲ نام مختلف نامگذاری شده اند . در بین این ۲ نام ، قطعا خزیدن و نمایه سازی space-grey-macbook-pro.jpg بسیار راحت تر از DMGK000456.jpg است. آنچه که دراین بخش مهم است متن جایگزین (ALT) است که به عنوان توصیف کننده تصویر عمل می کند به عبارتی در زمان هایی که تصویر نمی تواند به درستی بارگیری شود ، مرورگر به کاربران ALT را نمایش می دهند، پس در انتخاب متن جایگزین دقت کنید.
این برنامه همچنین Google Search Console را قادر می سازد پس از تأیید نام دامنه CDN ، خطاهای خزشی را که در سایت یافت می شود را گزارش دهد.
به این معنی که اگر شما عکسی به ابعاد ۱۰۰۰ پیکسل در سایت خود دارید اما صفحه نمایش تلفن همراه کاربر شما فقط ۳۵۰ پیکسل است ، با بارگذاری این ۶۵۰ پیکسل اضافی ، پهنای باند شما هدر می رود و از بارگیری سریع صفحه در تلفن همراه کاربر شما جلوگیری می شود که برای سئو سایت شما مضر است.
خوشبختانه ، یک قطعه کد HTML وجود دارد که این مسئله را حل می کند: قطعه کد srcset ، از مرورگر درخواست می کند که اندازه های مختلف تصویر را برای وضوح تصاویر مختلف بارگذاری کند. بنابراین ، اگر تصویر شما در اندازه ۱۰۰۰ پیکسل باشد ، می توانید با استفاده از گزینه هایی ، اندازه های تصویر را متفاوت کنید و با اندازه های مناسب با توجه به دستگاه و صفحه نمایش مربوطه برای کاربران خود ارائه کنید.
شما می توانید مقاله های مختلفی در مورد سئو و تکنیک های آن را از مجله ذره بین دنبال کنید.
