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

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

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

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

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

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

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

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

استفاده بهتر از منابع

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

اگر سایت خود را روی هاستی با منابع محدود اجرا می کنید، باید راهی پیدا کنید تا از فضای موجود حداکثر استفاده را ببرید.

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

یکی دیگر از مزایای داشتن یک وب سایت سبک تر این است که زمان بسیار کمتری برای پشتیبان گیری یا بک آپ از وب سایت شما نیاز دارد.

کسب رتبه بهتر در گوگل

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

وب ‌سایت‌هایی که فایل‌های رسانه‌ ای بهینه ‌سازی شده دارند، صفحات را سریع ‌تر بارگیری می‌کنند و شانس بیشتری برای نمایش در جستجوی تصویر گوگل دارند. برای اندازه گیری سرعت سایت، می توانید از ابزارهای رایگانی مانند PageSpeed ​​Insights گوگل استفاده کنید.

تجربه کاربری بهتر

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

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

10 اقدام ضروری برای بهینه سازی تصاویر

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

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

درج تصاویر باکیفیت و رزولوشن بالا

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

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

انتخاب نام مناسب برای تصویر

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

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

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

انتخاب متن جایگزین مناسب(تگ alt)

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

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

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

از alt  یا متن جایگزین به عنوان مهم ترین رکن سئو تصاویر یاد می شود و در مقالات فراوانی روی آن تاکیده شده!

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

کاهش حجم و فشرده سازی تصاویر

معمولا بسیاری از سایت ها تصاویری با حجم بسیار بالا( رزولوشن بالا با حجم بالا متفاوت است) را استفاده می کنند که موجب کند شدن سایت می شود و این کاملا غلط است.

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

باتوجه به همین عامل، امروزه بسیاری از سایت ها به درج تصاویر کم حجم روی اورده اند و تصاویری با حجم پایین تر از 10 کیلوبایت را استفاده می کنند. اما معمولا تصاویری با حجم کمتر از 30 کیلوبایت هم (البته با توجه به ابعاد تصویر ) مناسب هستند.

اجرای این روش کمی پیچیده تر از سایر موارد ذکر شده است. طبق چیزی که در مورد 1 توضیح دادیم، تصاویر باید با کیفیت بالا به مخاطبان نمایش داده شود. در عین حال ابعاد بزرگ تصویر می تواند باعث کند شدن صفحه و از دست دادن تعداد زیادی از کاربران باشد. برای اینکه بدون افت کیفیت تصویر، حجم آن را کاهش دهید میتوانید از نرم افزارها و ابزارهای آنلاین مثل https://imagecompressor.com/ استفاده کنید. یا حتی میتوانید با کمک نرم افزار photoshop خروجی مناسب برای بارگزاری در وب را انتخاب کنید.

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

فرمت های فراوانی برای تصاویر وجود دارد که می توان از آنها استفاده کرد و تقریبا تمامی فرمتها در گوگل هم ایندکس میشوند، اما فرمت های جدید مثل webp بر فرمت های قدیمی مانند png , jpeg  اولویت دارند. استفاده از این فرمت های جدید به دلیل علاقه بیشتر گوگل موجب افزایش اعتبار سایت شما می شود.

JPGیکی از رایج ترین فرمت ها در سئو تصاویر است و برای نمایش تصاویر در اندازه های کوچک استفاده می شود و در تمام زبان های برنامه نویسی پشتیبانی می شود. اما امکان دارد کیفیت و شفافیت تصاویر همیشه بالا نباشد که در این صورت می توان از فرمت png استفاده نمود.

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

انتخاب ابعاد مناسب برای تصاویر

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

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

استفاده از متن درون تصاویر

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

تکنیک CSS image Sprites

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

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

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

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

به این تکنیک css image sprites  گفته می شود.

فعالسازی قابلیتlazy load

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

Lazy load    به جای نمایش همه تصاویر به صورت یکجا پس از بالا آمدن سایت  عکس هایی را که نیاز است نمایش می دهد یعنی وقتی کاربر به بخش های مختلف سایت شما رجوع می کند تصاویر همان بخش برای او نمایش داده می شوند.

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

در سایت gtmetrix   و ابزار تست سرعت page speed گوگل روی این عامل تاکید فراوانی شده است.

نقشه تصاویر سایت

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

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