۱۰ روش برای بهینه سازی تصاویر در سایت
بهینه سازی تصاویر سایت یکی از مهم‌ترین بخش‌های آموزش سئو است که برای بهبود تجربه کاربری و افزایش رتبه یک سایت باید به آن توجه نمود.
استفاده از تصاویر باعث جذاب شدن محتوا و فهم بهتر و راحت تر متن می شود و بر روی سئوی سایت تاثیر مستقیمی دارد. علاوه بر این یکی از راه‌های جذب مخاطب است.
اما زمانی که می خواهید تصویری را در سایت قرار دهید باید آن را برای موتورهای جستجو، خصوصاً گوگل بهینه سازی کنید. زیرا یکی از قسمت های پرطرفدار گوگل سرچ تصاویر است. پس می توان گفت که سئوی عکس یکی از مهم ترین بخش هاست که باید در برنامه استراتژی سئو آن را مدنظر قرار دهید.
منظور از سئوی عکس و تصاویر سایت چیست؟
تصاویر نقش زیادی در زیباتر و جذاب تر کردن یک متن دارند. اگر بتوانیم عکس هایی که انتخاب می کنیم زیبا، کم حجم، باکیفیت و مرتبط با نوشته ما باشد، قطعا به درک بهتر مخاطب از محتوای ما کمک می کند و مفهوم مطلب را راحت تر به او منتقل می کند.
استفاده از تصاویر بهینه باعث می شود تا کاربران مدت زمان بیشتری در سایت ما وقت بگذرانند و نرخ پرش به حداقل برسد. زیرا بدون شک محتواهای بصری جذاب تر از محتواهای متنی هستند و متنی که خالی از تصویر و عکس جذاب باشد خسته کننده و کسل کننده خواهد بود.
در نتیجه وجود تصویر تا حد زیادی می تواند میزان ورودی سایت و ماندگاری کاربر را افزایش دهد. اما برای آنکه از تمام مزایای وجود عکس بهره ببریم باید ابتدا بتوانیم آنها را بهینه سازی کنیم.
چرا باید تصاویر را بهینه سازی کنیم؟
اگر عکس ها را قبل از بارگذاری در سایت ابتدا سئو کنیم، مزایای زیادی برای ما خواهد داشت. از جمله:
۱- افزایش سرعت بارگذاری سایت
زمانی که تصاویر سایت بهینه نباشند سرعت آپلود سایت و بارگذاری صفحات کند می شود. سایتی که کند و ضعیف باشد تجربه کاربری منفی برای بازدیدکنندگان خواهد داشت. زیرا کاربران امروزی کم حوصله اند و نمی توان از آنها انتظار داشت مدت طولانی منتظر لود شدن صفحات یک سایت بمانند. آنها قطعا سایت شما را ترک خواهند کرد و این باعث کاهش نرخ بازدهی و افزایش نرخ پرش در سایت شما خواهد شد.
۲- کاهش حجم سایت
زمانی که حجم تصاویر زیاد باشد، فضای هاست زیادی را اشغال می کنند و این مساله مشکلات فنی زیادی برای سایت شما به وجود خواهد آورد. و شما مجبور خواهید بود هزینه زیادی برای ارتقای فضای هاست و سرور خود کنید. اما اگر تصاویر بهینه شوند سایت سبک تر شده و از این مشکلات جلوگیری می شود.
۳- بهبود تجربه کاربری
تمام تکنیک هایی که شما برای بهینه سازی تصاویر سایت انجام می دهید باعث بالارفتن کیفیت سایت و بهبود تجربه کاربری می شود. سرعت مناسب سایت و کیفیت تصاویر، مخاطبان بیشتری را به سایت شما جذب خواهد نمود و آنها را به مشتریان وفادار شما تبدیل خواهد کرد.
۴- گرفتن امتیاز از گوگل
موتورهای جستجو به سایت هایی که زمان بارگذاری سریعی دارند به شدت علاقمندند. آنها به این گونه وب سایت ها رتبه بهتری می دهند. طبق آمار از زمانی که یک کاربر وارد سایت شما می شود ۳ تا ۵ ثانیه زمان دارید تا کل صفحه سایت را به او نشان دهید و در صورتی که در این مدت سایت شما لود نشود کاربر صفحه را ترک خواهد کرد.
زمانی که با بهینه سازی تصاویر، عملکرد سایت را بهبود بخشیم، موتورهای جستجو راحت تر عکس های ما را شناسایی می کنند و این عکس ها می توانند در نتایج جستجوی تصویری نمایش داده شوند و ترافیک ورودی سایت افزایش خواهد یافت.
چگونه تصاویر سایت را بهینه سازی کنیم؟
۱- انتخاب تصاویر مناسب
اولین نکته ای که در بهینه سازی تصاویر باید به آن توجه نماییم انتخاب عکس های مناسب است. برای انتخاب تصویر مناسب به چند نکته باید توجه کنید:
الف- عکسی را انتخاب کنید که با موضوع مقاله شما کاملاً مرتبط باشد.
ب- برای انتقال بهتر مفهوم از نمودارها، جداول و یا اینفوگرافیک های زیبا استفاده کنید.
ج- تا حد ممکن از عکس های کپی استفاده نکنید. می توانید برای پیدا کردن عکس های موردنظر خود به سراغ سایت هایی بروید که تصاویر خود را رایگان در اختیار شما قرار می دهند. سایت هایی مانند freeimages یا Freepik یا unsplash می توانند در این زمینه به شما کمک کنند.
۲- قرار دادن عنوان مناسب برای تصاویر
استفاده از کلمات کلیدی هدف در عنوان عکس ها یکی از بخش های مهم سئوی تصاویر است. سعی کنید از عبارات کلیدی کوتاه که با عکس و متن شما مرتبط هستند استفاده کنید و مهم تر اینکه آنها را به انگلیسی توصیف کنید. گوگل حتی در میان عناوین عکس ها نیز به دنبال کلمات کلیدی سایت شما می گردد. عنوان عکس به گوگل کمک می‌کند تا راحت تر موضوع تصاویر شما را بفهمد و آن را در نتایج خود دسته بندی کند.
۳- استفاده از تگ alt برای تصاویر
تگ alt یا متن جایگزین، عبارتی است که در صورت لود نشدن تصویر به جای آن برای کاربر نمایش داده می شود.
این تگ از عنوان تصویر مهم تر است و تصویر را برای گوگل قابل شناسایی می کند. با استفاده از این متن، گوگل بهتر متوجه ارتباط تصویر با کلمات کلیدی محتوای شما می‌شود.
به علاوه این متن به افراد نابینایی که وارد سایت می‌شوند می‌فهماند که تصاویر این صفحه در چه زمینه‌ای است. در استفاده از این متن به نکات زیر دقت کنید:
الف- حتما در متن جایگزین از کلمات کلیدی هدف استفاده کنید اما در این کار زیاده روی نکنید. استفاده از متن های تکراری و استفاده بیش از حد از عبارات کلیدی هم می تواند تاثیر منفی در سئوی سایت شما داشته باشد.
ب- برای سایت های فارسی از متن جایگزین فارسی و برای سایت های انگلیسی از متن جایگزین انگلیسی استفاده کنید.
ج-اگر تصویر مربوط به محصولی با مدل و شماره سریالی خاص است حتما آن را در متن جایگزین به کار ببرید.
د- برای تصاویر تزئینی نیازی به استفاده از تگ Alt نیست.
۴- انتخاب فرمت مناسب برای عکس
در هنگام خروجی گرفتن از تصویر، برنامه فتوشاپ بیش از ۱۰ فرمت مختلف در اختیار شما قرار می دهد. در صورتی که می خواهید عکس های تان به خوبی سئو شوند باید فرمتی مناسب وب انتخاب کنید. بهترین فرمت‌هایی که در حال حاضر در دسترس هستند عبارتند از:
PNG: این فرمت تصاویری باکیفیت و حجم پایین به شما می دهد و برای تصاویری مانند لوگو که می خواهید بدون پس زمینه در سایت استفاده کنید بسیار مناسب است.
JPEG: این فرمت کیفیت پایین تری نسبت به فرمت PNG دارد اما حجم آن بهینه‌تر است.
GIF: این فرمت برای تصاویر متحرک کوچک در سایت‌ها استفاده می‌شود که بسیار رایج شده اما توجه داشته باشید در استفاده از آنها زیاده روی نکنید.
webP: این فرمت اغلب در سایت های خارجی استفاده می شود و حجم بسیار پایینی نسبت به بقیه فرمت ها دارد اما در برخی مرورگرها پشتیبانی نمی شود.
۵- فشرده سازی تصاویر
فشرده کردن تصاویر به کاهش حجم آنها کمک زیادی می کند اما نکته ای که باید به آن توجه داشته باشید حفظ تعادل بین فشرده سازی با کیفیت عکس و اندازه آن است. فشرده کردن زیاد یک عکس ممکن است اندازه تصویر را کوچک کند اما کیفیت آن را پایین می آورد. پس باید تناسب بین کیفیت و فشرده سازی رعایت شود.
برای کاهش حجم تصاویر راه‌های مختلفی وجود دارد، استفاده از فتوشاپ بهترین راه برای کاهش حجم تصاویر است. با انتخاب گزینه save for web میتوانید انتخاب کنید که تصویر شما در چه فرمتی و به چه اندازه ای فشرده شود. استفاده از ابزارهای آنلاین فشرده سازی عکس یا افزونه بهینه سازی تصاویر وردپرس راه های دیگری برای کاهش حجم و اندازه عکس هاست.
۶- کاهش ابعاد تصاویر
عموما وب سایت ها عرض مشخصی برای نمایش تصاویر دارند. به همین دلیل در هنگام آپلود تصاویر دقت داشته باشید که ابعاد تصاویر خود را به درستی تعیین کنید در غیر این صورت تصاویر بزرگتر، به شکل کوچک شده نمایش داده می شوند تا در صفحه جای بگیرند. به علاوه ابعاد بهینه عکس ها به مرورگر اجازه می دهد که قبل از بارگذاری CSS، اندازه تصویر را دریافت کند. این کار باعث می شود از پرش صفحه در هنگام بارگذاری جلوگیری شود.
۷- استفاده از قابلیت Lazy Load تصاویر
ممکن است شما یک سایت فروشگاهی داشته باشید و لازم است در یک صفحه بیشتر از ۲۰۰ عکس محصول قرار داده شود. حتی اگر این عکس ها بهینه ترین حالت ممکن را داشته باشند دانلود همه آنها با هم روی مرورگر زمان زیادی می برد.
Lazy Load یا لود تنبل به شما این امکان را می دهد تا در هر صفحه تنها عکس هایی دانلود شوند که کاربر روی آنها قرار گرفته است و با اسکرول کردن به سمت پایین صفحه، عکس ها به ترتیب لود شوند. این قابلیت سرعت بارگذاری سایت را بالا می برد.
تکنیک های مختلفی برای انجام این کار روی عکس ها وجود دارد مانند جاوا اسکریپت یا استفاده از افزونه های وردپرس مانندA3 Lazy Load
۸- فعال کردن کش سایت
کش مرورگر، فضایی است که برخی فایل ها مانند تصاویر سایت هایی که به آنها وارد شده ایم در آن ذخیره می شود. فعال کردن قابلیت کش، باعث می شود سرعت لود سایت برای افرادی که مجددا به سایت مراجعه می کنند، افزایش پیدا کند.
کاری که کش انجام می دهد این است که وقتی کاربری برای اولین بار به سایتی وارد می شود برخی اطلاعات مانند تصاویر آن سایت روی مرورگر دستگاه او ذخیره می‌شود. زمانی که برای بار بعدی وارد همان سایت می شود نیازی به دانلود دوباره این موارد ندارد به همین دلیل سایت با سرعت بیشتری برای او بارگذاری می شود.
برای فعال کردن کش مرورگر برای تصاویر در وردپرس کافی است از افزونه WP Rocket استفاده کنید. با نصب این افزونه به طور اتوماتیک کش فعال و تغییرات لازم را اعمال می شود.
۹-بهینه سازی تصاویر برای موبایل
دقت داشته باشید تصاویری که در سایت خود قرار می دهید با موبایل سازگار یا اصطلاحا Mobile-Friendly باشند. زیرا بیش از ۷۰ درصد کاربران از موبایل برای مراجعه به سایت های مختلف استفاده می کنند. به همین دلیل ریسپانسیو بودن و نمایش صحیح سایت در موبایل یکی از نکات مهم سئو و از فاکتورهای اساسی در رتبه بندی سایت هاست.
برای این کار باید اندازه تصویر را طوری بهینه کنید که با اندازه صفحه در هر نمایشگری هماهنگ باشد. در صورتی که نسخه ریسپانسیو وب سایت خود را فعال کنید دیگر نیازی نیست کار خاصی انجام دهید. زمانی که عکس های خود را بارگذاری می کنید به طور خودکار سایزهای مختلفی از عکس ایجاد می شود.
۱۰- استفاده از سایت مپ
زمانی که تصاویر خود را در جایی از سایت مپ قرار دهید خزنده های موتورهای جستجو آنها را سریع تر پردازش و ایندکس می کنند.
اگر از وردپرس استفاده می کنید، با فعال سازی افزونه Yoast به صورت خودکار سایت مپ برای تصاویر ایجاد خواهد شد.
بهینه سازی تصاویر در وردپرس و پلتفرم های دیگر
برای بهینه سازی تصاویر سایت خود فرقی نمی کند از چه پلتفرمی استفاده کنید. سئو کردن عکس ها چه در جوملا چه وردپرس و چه پلتفرم های دیگر، تابع اصول مشترکی است. چنانچه این اصول و استاندارها را رعایت کنید می توانید تصاویر بهینه تر و عملکرد سایت بهتری داشته باشید.
جمع بندی
بهینه سازی تصاویر یا سئو کردن عکس ها در سایت یکی از تکنیک های اصلی سئوی سایت هاست. با بهینه کردن تصاویر، سایت سبک می شود، سرعت سایت افزایش پیدا می کند و کاربر تجربه بهتری در هنگام حضور خود در سایت شما خواهد داشت. این عوامل باعث می شود گوگل رتبه شما را ارتقا دهد و عکس های شما را در نتایج جستجوی تصاویر نمایش دهد. این کار ترافیک سایت شما را بهبود خواهد بخشید و مشتریان سایت تان را چند برابر خواهد کرد.
