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

بهینه سازی تصاویر سایت چگونه انجام می شود؟ چه عواملی در سئو تصاویر تاثیر دارند؟ یک تصویر بهینه شده چه ویژگی هایی دارد؟ و گوگل چه تصاویری را بهتر و سریع تر ایندکس می کند؟

در این مطلب به تمام سوالات بالا و بسیاری از سوالات دیگر در این زمینه پاسخ خواهیم داد.

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

تاثیر بهینه سازی تصاویر در سرعت سایت

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

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

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

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

بهینه سازی تصاویر سایت با درج متن جایگزین

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

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

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

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

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

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

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

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

فرمت های فراوانی برای تصاویر وجود دارد که می توان برای بهینه سازی سایت از آنها استفاده کرد . فرمت های قدیمی مانند png , jpeg  و فرمت های جدیدتری مانند webp  از این دست هستند.

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

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

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

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

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

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

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

استفاده از تکنیک CSS image Sprites برای بهینه سازی تصاویر

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

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

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

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

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

بیشتر بدانید :بهینه سازی کد های سایت

استفاده از روش lazy load  برای بهینه سازی تصاویر سایت

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

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

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

در سایت gtmetrix  روی این عامل تاکید فراوانی شده است.

جهت اطلاعات بیشتر مطالعه کنید : معرفی  gtmetrix برای سئو