محتوای تصویری یکی از عناصر حیاتی هر وب‌سایتی به شمار می‌رود. تصاویر نه تنها باعث افزایش جذابیت صفحات می‌شوند، بلکه می‌توانند تجربه کاربری را نیز بهبود بخشند و تأثیر بسزایی بر رتبه‌بندی سایت در نتایج موتورهای جستجو داشته باشند. با این حال، تصاویر به خودی خود نمی‌توانند به بهینه‌سازی سایت کمک کنند؛ بلکه باید به دقت و با استفاده از اصول سئو بهینه‌سازی شوند. سئو تصاویر شامل مجموعه‌ای از تکنیک‌ها و اصول است که به بهینه‌سازی تصاویر در وب‌سایت‌ها کمک می‌کند تا نه تنها در نتایج جستجوی تصاویر گوگل بهتر دیده شوند، بلکه به بهبود رتبه‌بندی کلی سایت نیز کمک کنند.
سئو تصاویر چقدر در سئو صفحات موثر است؟
سئو تصاویر نقش بسیار مهمی در بهینه‌سازی کلی وب‌سایت و ارتقای رتبه‌بندی آن در نتایج جستجوی گوگل هنگام طراحی سایت دارد. موتورهای جستجو، به‌ویژه گوگل، برای ارائه نتایج دقیق‌تر و مرتبط‌تر، نه تنها به محتوای متنی بلکه به محتوای تصویری نیز توجه ویژه‌ای دارند. تصاویری که به درستی بهینه‌سازی شده‌اند، می‌توانند ترافیک بیشتری را از طریق جستجوی تصاویر به سایت شما جذب کنند. به عبارت دیگر، تصاویر بهینه شده می‌توانند به عنوان یک منبع قابل توجه ترافیک برای سایت شما عمل کنند. یکی از دلایل مهم برای تأثیر سئو تصاویر در کل سئوی صفحات، بهبود سرعت بارگذاری سایت است. سرعت بارگذاری صفحات یکی از فاکتورهای مهم رتبه‌بندی در گوگل است و تصاویر بزرگ و بهینه نشده می‌توانند به شدت سرعت سایت را کاهش دهند.
Alt text چیست و چرا باید به آن اهمیت دهیم؟
یکی از مهم‌ترین جنبه‌های سئو تصاویر، استفاده از متن جایگزین یا Alt Text است. Alt Text متنی است که هنگام بارگذاری یک تصویر در کد HTML صفحه قرار می‌گیرد و به موتورهای جستجو کمک می‌کند تا محتوا و موضوع تصویر را بهتر درک کنند. ازآنجاکه موتورهای جستجو قادر به دیدن تصاویر به صورت مستقیم نیستند، به محتوای متنی وابسته هستند تا بتوانند تصاویر را تحلیل و در نتایج جستجو نمایش دهند. در صورتی که Alt text تصویر به درستی بارگذاری نشود یا کاربر از یک مرورگر قدیمی استفاده کند، به عنوان جایگزین تصویر نمایش داده می‌شود. این متن باید توصیفی، مختصر و شامل کلمات کلیدی مرتبط با محتوا باشد.
استفاده از Alt Text مناسب می‌تواند شانس نمایش تصاویر شما در نتایج جستجوی تصاویر گوگل را افزایش دهد و همچنین به بهبود سئو کلی سایت کمک کند؛ برای مثال، اگر شما در حال بهینه‌سازی یک تصویر از یک "دوچرخه کوهستانی" هستید، بهتر است Alt Text شما شامل توضیحاتی مانند "دوچرخه کوهستانی مشکی با تایرهای حرفه‌ای" باشد تا موتورهای جستجو به راحتی بتوانند موضوع تصویر را درک کنند و آن را در نتایج جستجوهای مرتبط نمایش دهند. در کل استفاده از Alt text جدا از مزایایی که برای سئو و درک بهتر تصویر برای موتورهای جستجو دارد، به شما نیز کمک می‌کند تا خیلی واضح‌تر و سریع‌تر، تصویر مورد نظر را پیدا کنید.
تاثیر حجم تصاویر در سئو
یکی از بزرگ‌ترین چالش‌هایی که مدیران وب‌سایت‌ها با آن مواجه هستند، حجم تصاویر است. تصاویری با حجم بالا می‌توانند سرعت بارگذاری صفحات را به شدت کاهش دهند و این موضوع مستقیماً بر سئو سایت تأثیر منفی می‌گذارد. به گفته گوگل، سرعت بارگذاری صفحات یکی از فاکتورهای مهم رتبه‌بندی سایت‌ها است و کاربرانی که با سایت‌هایی با بارگذاری کند مواجه می‌شوند، احتمالاً به سرعت سایت را ترک خواهند کرد؛ بنابراین کاهش حجم تصاویر بدون از دست دادن کیفیت آن‌ها بسیار مهم است. روش‌های مختلفی برای بهینه‌سازی حجم تصاویر وجود دارد، از جمله این روش‌ها می‌توان به فشرده‌سازی تصاویر، استفاده از فرمت‌های بهینه مانند WebP و تنظیم ابعاد تصاویر بر اساس نیاز صفحه اشاره کرد.
اگر قصد دارید که حجم تصاویر مورد نظر را بدون افت کیفیت کاهش دهید، می‌توانید از ابزارهای آنلاینی مانند TinyPNG یا برنامه‌های قدرتمندی نظیر فتوشاپ استفاده کنید. بسیاری از طراحان وب‌سایت و تولید کنندگان محتوا با استفاده از این ابزارها، حجم تصاویر را بدون افت کیفیت کاهش می‌دهند. همانطور که گفته شده، تصاویر کم حجم بسیار سریع‌تر از تصاویر سنگین بارگذاری می‌شوند و این موضوع رابطه مستقیمی با بهبود عملکرد سایت و سئو دارد. ناگفته نماند به غیر از ابزارهای معرفی شده، ابزارهای قدرتمند دیگری نیز وجود دارند که می‌توانند این کار را برای شما انجام دهند.
15 روش موثر در سئو تصاویر
برای بهینه سازی و سئو تصاویر راه‌ها و تکنیک‌های مختلفی وجود دارد. بیایید به ۱۵ روش عملی سئو تصویر بپردازیم که به تصاویر شما در رتبه‌بندی موتورهای جستجو برتری می‌دهد.
۱. انتخاب فرمت مناسب تصویر
گوگل از فرمت‌های مختلف تصویری از جمله BMP، GIF، JPEG، PNG، WebP و SVG پشتیبانی می‌کند که هر کدام کاربرد خاص خود را دارند — برخی سرعت بارگذاری سریع‌تر را به بهای کیفیت کمتر ترجیح می‌دهند و برخی برعکس.
PNG، JPEG و WebP سه فرمت پرکاربرد هستند. پس بیایید هرکدام را بررسی کنیم تا انتخاب برای شما آسان‌تر شود.
فرمت Portable Network Graphics (PNG)
فرمت PNG فشرده‌سازی بدون افت کیفیت را فراهم می‌کند، یعنی این فرمت حتی پس از فشرده‌سازی کیفیت اصلی تصویر را حفظ می‌کند. PNG همچنین امکان پس‌زمینه شفاف تصاویر و استفاده از طیف رنگی گسترده‌تری را می‌دهد.
اما از آنجایی که PNG کیفیت اصلی را حین فشرده‌سازی حفظ می‌کند، اندازه فایل‌های تصویری آن به طور قابل توجهی بزرگ‌تر از فرمت‌های دیگر است که سرعت بارگذاری صفحات را کاهش می‌دهد.
توصیه می‌شود از فرمت PNG برای تصاویر کوچک با کیفیت بالا، تصاویر گرافیکی، عکس‌های متنی یا جاهایی که نیاز به پس‌زمینه شفاف تصویر است — مانند لوگوها — استفاده شود.
فرمت Joint Photographic Experts Group (JPEG)
در مقابل، فرمت JPEG فشرده‌سازی با افت کیفیت (lossy) را امکان‌پذیر می‌سازد و به‌طور قابل‌توجهی اندازه فایل تصویر را کاهش می‌دهد، در حالی که تا حدی از کیفیت تصویر می‌کاهد.
به دلیل روش فشرده‌سازی با افت کیفیت، تصاویر JPEG که شامل متن یا خطوط تیز هستند ممکن است کمی تار به نظر برسند. همچنین، JPEG از پس‌زمینه شفاف پشتیبانی نمی‌کند.
با این حال، این فرمت یکی از فرمت‌های محبوب در وب‌سایت‌های پرمحتوا است، زیرا تأثیر زیادی بر سرعت صفحه ندارد.
فرمت JPEG برای تصاویر هدر (hero images)، عکس‌های محصول و به‌طور کلی تصاویری با اندازه فایل اولیه بزرگ، بهترین گزینه است.
فرمت WebP
WebP از هر دو روش فشرده‌سازی بدون افت کیفیت (lossless) و با افت کیفیت (lossy) پشتیبانی می‌کند. این فرمت همچنین از انیمیشن‌ها و پس‌زمینه شفاف تصاویر پشتیبانی می‌کند و آن را به منعطف‌ترین فرمت تبدیل کرده است.
از جمله معایب آن، WebP با مرورگرهای قدیمی مانند Edge نسخه‌های ۱۲ تا ۱۷ سازگار نیست.
۲. فشرده‌سازی تصاویر
فشرده‌سازی یکی از جنبه‌های حیاتی در بهینه‌سازی تصویر است. بعد از ویدیوها، تصاویر بیشترین تأثیر را بر عملکرد صفحات دارند.
از آنجایی که سرعت بارگذاری یک عامل مستقیم در رتبه‌بندی است، تصاویر فشرده‌نشده تأثیر منفی بر رتبه شما در جستجو خواهند داشت. به‌علاوه، زمان بارگذاری طولانی منجر به افزایش نرخ پرش (bounce rate) می‌شود که خود نیز عملکرد سئو را بیشتر تحت تأثیر قرار می‌دهد.
بنابراین، فشرده‌سازی تصاویر ضروری است.
می‌توانید تصاویر را با ابزارهای رایگان فشرده‌سازی مانند TinyPNG، ImageOptim (برای مک)، یا Smush (برای وردپرس) فشرده کنید.
۳. تغییر اندازه صحیح تصاویر
تغییر اندازه تصویر به معنای تغییر ابعاد یک تصویر — یعنی عرض و ارتفاع آن — برای هماهنگی با نیازهای نمایشی یک صفحه وب است، بدون اینکه محتوای بصری تصویر دچار افت شود.
با تعیین ویژگی‌های عرض و ارتفاع در تگ‌های تصویر، می‌توانید فضای لازم را در چیدمان صفحه وب برای تصاویر قبل از بارگذاری کامل آن‌ها رزرو کنید. این کار از تغییر ناگهانی چیدمان صفحه جلوگیری کرده و باعث تجربه مرور پایدار و قابل پیش‌بینی می‌شود.
بنابراین، ابتدا حداکثر اندازه نمایشی تصویر را در وب‌سایت خود مشخص کنید. تصاویر باید برای بزرگ‌ترین اندازه‌ای که قرار است نمایش داده شوند، تغییر اندازه یابند.
در اینجا چند روش برای تغییر اندازه تصاویر آورده شده است:
- تغییر اندازه دستی تصاویر: می‌توانید به‌صورت دستی ابعاد تصاویر خود را برای مطابقت با نیازهای وب تنظیم کنید. برنامه‌هایی مانند Adobe Photoshop، GIMP و Canva ابزارهایی برای تغییر اندازه تصاویر ارائه می‌دهند.
- ارائه تصاویر واکنش‌گرا: از تکنیک‌های تصاویر واکنش‌گرا استفاده کنید تا بر اساس دستگاه کاربر اندازه‌های مختلفی از تصویر نمایش داده شود. بعداً بیشتر به این موضوع خواهیم پرداخت.
- استفاده از فرمت تصویر SVG: برخلاف PNG و JPEG که مبتنی بر پیکسل هستند، SVG (گرافیک برداری مقیاس‌پذیر) از خطوط، اشکال، نقاط و الگوریتم‌های ریاضی استفاده می‌کند که می‌توانند بسته به نیاز شما بزرگ یا کوچک شوند.
۴. نوشتن متن جایگزین (alt text) سئوپسند
متن جایگزین (alt text) دو هدف را دنبال می‌کند: از یک سو سئو را بهبود می‌بخشد، زیرا به موتورهای جستجو در درک و ایندکس کردن تصاویر کمک می‌کند و در نتیجه بر رتبه آن‌ها در نتایج جستجو تأثیر می‌گذارد.
از سوی دیگر، تجربه کاربری را ارتقاء می‌دهد، زیرا محتوای توصیفی برای افرادی که از صفحه‌خوان استفاده می‌کنند یا زمانی که تصاویر بارگذاری نمی‌شوند فراهم می‌سازد و به این ترتیب دسترسی‌پذیری برای همه کاربران تضمین می‌شود.
هنگام نوشتن alt text، هدف‌تان باید یک توصیف مختصر باشد که ماهیت تصویر را منتقل کند و هم‌زمان شامل کلمات کلیدی مرتبط با محتوای صفحه نیز باشد.
از پر کردن بیش‌ازحد کلمات کلیدی خودداری کنید تا خوانایی برای صفحه‌خوان‌ها حفظ شود و متن جایگزین هدف اصلی خود، یعنی دسترسی‌پذیری، را دنبال کند.
توصیف را طبیعی و آموزنده نگه دارید تا هم موتورهای جستجو و هم کاربران دارای اختلال بینایی بتوانند محتوای تصویر را درک کنند.
بیایید یک مثال عینی از تصویر سایت Unsplash بررسی کنیم. نوشتن "خوکچه هندی بامزه" به عنوان alt text کافی نیست. در مقابل، "دو خوکچه هندی که در حال خوردن هویج روی زمین چوبی هستند" اطلاعات بسیار بهتری در اختیار موتورهای جستجو و صفحه‌خوان‌ها قرار می‌دهد.
۵. استفاده از تصاویر اصلی
وابستگی به عکس‌های استوک عمومی می‌تواند از اصالت برند شما بکاهد و محتوای شما را کمتر در ذهن مخاطب ماندگار کند، چرا که این تصاویر در سطح وب بیش‌ازحد استفاده شده‌اند و باعث تجربه کاربری یکنواخت می‌شوند.
از دیدگاه سئو، عکس‌های استوک کمتر احتمال دارد که به اشتراک گذاشته شوند یا لینک دریافت کنند، که این موضوع می‌تواند مانع از کسب بک‌لینک‌های ارزشمند و افزایش دیده‌شدن ارگانیک سایت شما شود.
در مقابل، ایجاد تصاویر منحصربه‌فرد می‌تواند روایت بصری برند شما را به‌شدت ارتقاء دهد، شما را از رقبا متمایز کند و ارتباطی خاص با مخاطبان‌تان برقرار سازد.
علاوه بر این، تصاویر منحصربه‌فرد و جذاب مانند اینفوگرافیک‌ها می‌توانند به منابع ارزشمندی تبدیل شوند که سایر وب‌سایت‌ها آن‌ها را مرجع قرار داده و به آن‌ها لینک دهند، و در نتیجه پروفایل بک‌لینک سایت شما را تقویت کنند.
برای مثال، شرکت Databox با استفاده مؤثر از اینفوگرافیک‌ها، محتوای خود را به‌صورت بصری ارتقاء داده و داده‌های پیچیده را قابل‌فهم‌تر و جذاب‌تر کرده است.
می‌توانید از ابزارهایی مانند Canva برای ساخت اینفوگرافیک‌های اختصاصی استفاده کنید.
وقتی صحبت از تصاویر تزئینی می‌شود، صرف وقت برای ساخت تصاویر اختصاصی یا استخدام یک عکاس حرفه‌ای می‌تواند سرمایه‌گذاری ارزشمندی باشد.
برای مثال، شرکت CD Projekt Red با استفاده از عکس‌های اعضای تیم خود در وب‌سایتش، لایه‌ای از اصالت به محتوای خود اضافه کرده و ارتباطی را با مخاطب ایجاد می‌کند که تصاویر استوک عمومی قادر به ایجاد آن نیستند.
۶. سفارشی‌سازی نام فایل تصاویر
مانند alt text، موتورهای جستجو از نام فایل تصاویر برای درک محتوای عکس‌ها استفاده می‌کنند.
از نام‌های پیش‌فرضی مثل "IMG0001.JPG" استفاده نکنید، چون هیچ اطلاعاتی به موتورهای جستجو نمی‌دهند. در عوض، توصیفی عمل کنید.
برای مثال، یک نام فایل مناسب برای این تصویر می‌تواند "skullcandy-dime-wireless-earbuds-black" باشد. این نام توصیفی است و نام محصول را از همان ابتدا برجسته می‌کند.
نام فایل تصویر همچنین نقش کلمه کلیدی هدف را ایفا می‌کند و باعث می‌شود موتورهای جستجو راحت‌تر تصویر را با جست‌وجوهای کاربران تطبیق دهند.
علاوه بر این، به استفاده از خط فاصله (hyphen) توجه داشته باشید — این کار به موتورهای جستجو کمک می‌کند تا کلمات را از یکدیگر تشخیص دهند. گوگل زیرخط ("_") را تشخیص نمی‌دهد و در نتیجه نام فایل را به‌صورت یک کلمه‌ی واحد در نظر می‌گیرد.
همچنین گوگل توصیه می‌کند هنگام بومی‌سازی محتوا، نام فایل تصاویر نیز ترجمه شود، زیرا این کار به موتورهای جستجو کمک می‌کند تا تصاویر را برای مخاطبان خاص رتبه‌بندی کنند.
۷. ارائه تصاویر واکنش‌گرا
تصاویر واکنش‌گرا برای سئو ضروری هستند، زیرا تضمین می‌کنند که تصاویر در اندازه‌های مختلف صفحه‌نمایش به‌درستی نمایش داده شوند، که این موضوع تجربه کاربری را بهبود می‌بخشد و نرخ پرش را کاهش می‌دهد.
به‌ویژه برای بهینه‌سازی موبایل، تصاویر واکنش‌گرا باعث افزایش سرعت بارگذاری صفحه در صفحه‌نمایش‌های کوچک‌تر می‌شوند. این مسئله بسیار مهم است، چرا که گوگل به سرعت صفحه و سازگاری با موبایل به‌عنوان عوامل رتبه‌بندی ارزش زیادی می‌دهد.
می‌توانید تصاویر واکنش‌گرا را یا به‌صورت دستی با تغییر اندازه ارائه دهید، یا از ویژگی‌های HTML مانند src، srcset و sizes استفاده کنید—ویژگی‌هایی که به مرورگرها می‌گویند بر اساس اندازه نمایشگر چه تصویری را بارگذاری کنند.
بیایید یک مثال را بررسی کنیم:
ویژگی srcset در اینجا دو نسخه‌ی متفاوت از یک تصویر را فهرست می‌کند—یکی با عرض ۱۵۰ پیکسل و دیگری با عرض ۴۸۰ پیکسل.
ویژگی sizes به مرورگرها می‌گوید که بسته به عرض صفحه نمایش، کدام نسخه از تصویر را نمایش دهند. در مثال ما، تا زمانی که عرض نمایشگر کمتر از ۶۰۰ پیکسل باشد، تصویر کوچک‌تر نمایش داده می‌شود. اگر عرض بیشتر از این مقدار باشد، تصویر با عرض ۴۸۰ پیکسل بارگذاری خواهد شد.
۸. افزودن توضیحات تصاویر
برخلاف متن‌های جایگزین (alt text) یا نام‌های سفارشی فایل تصاویر، توضیحات تصاویر برای بازدیدکنندگان قابل مشاهده هستند — قطعات کوتاهی از متن که همراه با تصویر نمایش داده می‌شوند.
توضیحات تصاویر توجه بازدیدکنندگان را جلب کرده و آن‌ها را ترغیب می‌کنند تا از اسکرول کردن دست بکشند و اطلاعات بیشتری درباره تصویر بخوانند. این امر باعث افزایش زمان اقامت و کاهش نرخ پرش می‌شود — این سیگنال به موتورهای جستجو می‌دهد که کاربران از محتوای شما لذت می‌برند، که می‌تواند به رتبه‌بندی بالاتر کمک کند.
شما همچنین می‌توانید کلمات کلیدی را در توضیحات خود بگنجانید تا موتورهای جستجو هدف تصویر شما را درک کرده و آن را بر اساس آن رتبه‌بندی کنند.
به یاد داشته باشید که توضیحات شما باید به تجربه کلی خواندن کمک کند و به‌خوبی با تصاویر و محتوای دیگر سایت شما هماهنگ باشد.
بسته به سیستم مدیریت محتوای شما (CMS)، می‌توانید توضیحات را از طریق ویرایشگر عکس پلتفرم اضافه کنید. به‌طور جایگزین، می‌توانید این کار را از طریق ساختار HTML صفحه خود نیز انجام دهید.
۹. فعال‌سازی بارگذاری آهسته (Lazy Loading)
بارگذاری آهسته زمان بارگذاری صفحه را با تأخیر در بارگذاری تصاویر و سایر رسانه‌ها تا زمانی که واقعاً نیاز باشند، بهینه می‌کند — یعنی زمانی که وارد صفحه نمایش کاربر می‌شوند.
این رویکرد وزن اولیه صفحه وب را کاهش می‌دهد، زیرا تنها محتوای ضروری ابتدا بارگذاری می‌شود و تعداد درخواست‌های HTTP که مرورگر باید در هنگام دسترسی اولیه به صفحه ارسال کند، به حداقل می‌رسد.
این تکنیک به‌ویژه در دستگاه‌های موبایل که پهنای باند و قدرت پردازش محدود است، مفید است. این روش نه تنها زمان بارگذاری اولیه صفحه را تسریع می‌کند، بلکه مصرف داده را نیز به حداقل می‌رساند و تجربه مرور موبایل روان‌تری ایجاد می‌کند.
شما می‌توانید این تکنیک را با ادغام ویژگی loading="lazy" در تگ HTML تصویر (img) خود پیاده‌سازی کنید. بیایید یک مثال را بررسی کنیم:
قسمت loading="lazy" در کد به مرورگر می‌گوید که تصویر مشخص‌شده تنها زمانی که لازم است بارگذاری شود. در مقابل، استفاده از loading="eager" یا عدم استفاده از ویژگی loading به‌طور کلی باعث می‌شود تصویر به محض ورود بازدیدکنندگان به صفحه بارگذاری شود.
۱۰. استفاده از CDN تصاویر
CDN تصاویر داده‌های وب‌سایت شما را به شبکه‌ای از سرورها در سراسر جهان توزیع می‌کند. این کار با اجازه دادن به بازدیدکنندگان برای اتصال به سروری که به آن‌ها نزدیک‌تر است، زمان بارگذاری صفحات را تسریع می‌کند.
CDNهای تصاویر می‌توانند اندازه فایل تصویر را تا ۴۰٪ تا ۸۰٪ کاهش دهند.
علاوه بر این، این پلتفرم‌ها تمام ابزارهای بهینه‌سازی تصویر لازم برای ایجاد تصاویر بسیار بهینه‌شده را ارائه می‌دهند، در حالی که شبکه سرورهای آن‌ها تضمین می‌کند که تصاویر را با سرعت بالا ارائه دهید — تمام این عوامل به‌طور قابل‌ملاحظه‌ای سرعت سایت و تجربه مرور را بهبود می‌بخشند.
وقتی صحبت از انتخاب CDN مناسب می‌شود، گزینه‌های زیادی وجود دارند که هرکدام هدف خاصی را دنبال می‌کنند. در این راستا، چند نکته برای انتخاب CDN تصویر مناسب عبارتند از:
مکان‌های سرور: اطمینان حاصل کنید که CDN تصویر انتخابی شما سرورهایی در مناطقی دارد که بیشتر بازدیدکنندگان شما از آن‌ها می‌آیند.
یکپارچگی‌ها: یکپارچگی‌های بومی با CMS، ابزارهای ویرایش عکس یا طراحی گرافیک توصیه می‌شود تا جریان کار بهینه شود.
ویژگی‌ها: برخی از CDNها ابزارهای تغییر اندازه، فشرده‌سازی، تبدیل فرمت و حتی کتابخانه‌های رسانه‌ای داخلی را ارائه می‌دهند.
۱۱. گنجاندن تصاویر با استفاده از HTML
استفاده از تگ‌های تصویر HTML به‌طور مستقیم تصویر را در کد HTML صفحه جاسازی می‌کند و به ربات‌های جستجو این امکان را می‌دهد که به‌راحتی تصاویر را کشف و ایندکس کنند.
ربات‌ها تصاویر CSS را ایندکس نمی‌کنند، بنابراین این روش تضمین می‌کند که تصاویر شما شناسایی شده و به‌درستی توسط موتورهای جستجو برای نمایش بهتر در نتایج جستجو طبقه‌بندی می‌شوند.
شما می‌توانید به‌سادگی ویرایشگر HTML خود را باز کرده و کد زیر را وارد کنید:
ویژگی src به مرورگر می‌گوید که تصویر را از کجا بارگذاری کند. اگر تصویر را روی کامپیوتر خود ذخیره کرده‌اید، کافی است مسیر فایل آن را وارد کنید. اگر تصویر روی یک پلتفرم هاستینگ تصویر است، باید آدرس URL آن را وارد کنید.
همچنین مهم است که متن جایگزین تصویر را از طریق تگ alt مشخص کنید، همانطور که در بالا نشان داده شده است.
۱۲. استفاده از داده‌های ساختاریافته
داده‌های ساختاریافته می‌توانند به‌طور قابل‌توجهی دید تصاویر را در نتایج جستجو با ارائه زمینه واضح و دقیق به موتورهای جستجو درباره محتوای داخل تصویر افزایش دهند.
این اطلاعات اضافی احتمال این که تصاویر در جست‌وجوهای مرتبط ظاهر شوند را بیشتر می‌کند و همچنین می‌تواند منجر به نمایش آن‌ها در نتایج جستجوی غنی یا همان "rich snippets" شود.
این امر به این دلیل است که داده‌های ساختاریافته به موتورهای جستجو کمک می‌کند تا محتوای صفحه شما را از طریق برچسب‌های از پیش تعریف‌شده درک کنند.
در اینجا یک مثال از چگونگی تأثیرگذاری تصاویر در "rich snippets" برای افزایش دیدگاه وجود دارد:
شما می‌توانید داده‌های ساختاریافته را با پیروی از دستورالعمل‌های مشخص شده توسط Schema.org اضافه کنید. در اینجا یک قطعه کد برای نشان دادن چگونگی استفاده از داده‌های ساختاریافته در یکی از صفحات فوق جهت نمایش در نتایج غنی آمده است:
نشانه‌گذاری ImageObject به ربات‌ها این امکان را می‌دهد که به‌سرعت تصویر را شناسایی کرده و آن را در نتایج غنی نمایش دهند. بقیه کد نیز از نشانه‌گذاری‌ها برای نمایش امتیازها و زمان‌های آماده‌سازی استفاده می‌کند.
۱۳. ارسال نقشه سایت تصاویر
با گنجاندن تصاویر در نقشه‌های سایت، شما دسترسی مستقیم به تمام تصاویر سایت خود را به موتورهای جستجو فراهم می‌کنید و از این طریق اطمینان حاصل می‌کنید که تصاویر شما به‌طور دقیق کشف و ایندکس می‌شوند.
با بهبود ایندکسینگ تصاویر، فرصتی قابل‌توجه برای افزایش تعامل کاربران وجود دارد، زیرا تصاویر ایندکس‌شده به‌خوبی احتمال بیشتری برای ظاهر شدن در جست‌وجوهای تصویری دارند و بازدیدکنندگان را که جذب جنبه‌های بصری نتایج جستجو شده‌اند، به خود جلب می‌کنند.
در اینجا یک نمونه از نقشه سایت تصاویر گوگل آمده است:
نقشه سایت به‌طور مرتب هر تصویر و مکان آن را مشخص می‌کند. شما می‌توانید تا ۱۰۰۰ تصویر در هر صفحه گنجانده کنید.
شما می‌توانید نقشه سایت تصاویر را به‌طور دستی ایجاد کنید یا از ابزارهای تولید نقشه سایت رایگان مانند XML Sitemaps استفاده کنید.
۱۴. بهینه‌سازی ساختار فایل‌های تصویر
موتورهای جستجو از نام فایل و مسیر فایل تصویر برای رتبه‌بندی و ایندکس کردن استفاده می‌کنند. بهتر است از یک رویکرد ساختاریافته‌تر استفاده کنید، مانند دسته‌بندی تصاویر بر اساس نوع، هدف یا تم.
این کار به ربات‌های جستجو این امکان را می‌دهد که به‌راحتی تصاویر شما را کاوش و ایندکس کنند.
برای مثال، اگر شما یک فروشگاه آنلاین لباس دارید، می‌توانید فایل‌هایتان را از طریق پوشه‌های فرعی ساختاربندی کنید که نوع لباس را مشخص می‌کند، مانند product images/t-shirts/red-cotton-t-shirt.jpg و product images/jackets/blue-denim-jacket.jpg.
۱۵. از گزارش PageSpeed Insights استفاده کنید
ابزار PageSpeed Insights گوگل تحلیل جامعی از عملکرد سایت شما در دستگاه‌های دسکتاپ و موبایل ارائه می‌دهد و نقاط خاصی را برای بهبود مشخص می‌کند.
این نقاط می‌توانند شامل بهینه‌سازی اندازه تصاویر تا تنظیم پیکربندی‌های سرور برای زمان بارگذاری سریع‌تر باشند.
با رشد وب‌سایت شما و افزودن محتوای جدید و تصاویر تازه، بسیار مهم است که پیوسته بررسی کنید این تغییرات چگونه بر زمان بارگذاری صفحه و تجربه کلی کاربر تأثیر می‌گذارند.
با بررسی منظم گزارش PageSpeed Insights، می‌توانید از بروز مشکلاتی که ممکن است به رتبه شما در نتایج جستجو آسیب بزنند، پیشگیری کنید.
همچنین این ابزار به شما این امکان را می‌دهد که فرصت‌های جدیدی برای بهینه‌سازی تصاویر شناسایی کنید تا اطمینان حاصل شود تصاویر شما سریع و به‌صورت کارآمد بارگذاری می‌شوند و به تجربه کاربری روان‌تر و نتایج بهتر سئو کمک می‌کنند.
بنابراین، استفاده منظم از PageSpeed Insights را به بخشی از استراتژی دائمی سئوی خود تبدیل کنید تا سایت‌تان سریع و رقابتی باقی بماند.
نکات کلیدی برای سئو تصاویر
- بهینه‌سازی تصاویر نقش اساسی در افزایش سرعت بارگذاری صفحات و بهبود رتبه سایت در نتایج جستجو دارد و باید بخشی جدایی‌ناپذیر از استراتژی سئوی شما باشد.
- برای دیده شدن تصاویر سایت در جستجوی تصویری گوگل، از تکنیک‌های مختلفی استفاده کنید.
- با فعال‌سازی Lazy Loading، فشرده‌سازی و تغییر اندازه تصاویر و استفاده از CDNهای مخصوص تصاویر، سرعت صفحات را به حداکثر برسانید.
- از نام فایل‌های سفارشی، ساختار منطقی برای مسیر فایل‌ها، نقشه‌سایت تصاویر و داده‌های ساختاریافته (Schema) استفاده کنید تا موتورهای جستجو راحت‌تر تصاویر را پیدا و ایندکس کنند.
- تصاویر را با استفاده از تگ HTML <img> در صفحات درج کنید تا ربات‌های گوگل بتوانند به‌راحتی آن‌ها را خزش و ایندکس کنند.
- از تصاویر اورجینال بهره بگیرید و برای آن‌ها متن جایگزین (alt text) و کپشن‌های توصیفی بنویسید تا زمان ماندگاری کاربر در صفحه افزایش یابد و دسترسی‌پذیری بهبود یابد.
- اطمینان حاصل کنید که تصاویر شما ریسپانسیو باشند تا تجربه‌ای روان در موبایل فراهم شود.
- فرمت مناسب تصویر را بر اساس نوع نیاز انتخاب کنید تا تعادل بین کیفیت و حجم فایل حفظ شود.
جمع‌بندی
با پیاده‌سازی ۱۵ تکنیک برتر سئوی تصاویر که در این مطلب معرفی شد، می‌توانید اطمینان حاصل کنید که تصاویر وب‌سایت شما نه‌تنها از نظر بصری جذاب هستند، بلکه از نظر فنی نیز برای موتورهای جستجو بهینه شده‌اند.
فراموش نکنید: هدف از بهینه‌سازی تصویر، ایجاد تعادلی است میان زیبایی بصری و عملکرد فنی. تصاویر باید سریع بارگذاری شوند، در تمام دستگاه‌ها عالی نمایش داده شوند، برای موتورهای جستجو قابل درک باشند و تجربه کاربری را بهبود ببخشند.
از قدم‌های ساده‌تر مثل بهینه‌سازی alt text و نام فایل‌ها شروع کنید و به‌تدریج سراغ تکنیک‌های پیشرفته‌تری مانند Lazy Loading و Structured Data بروید. همچنین با ابزارهایی مانند PageSpeed Insights عملکرد سایت‌تان را تحت نظر داشته باشید تا بتوانید استراتژی سئوی تصاویر خود را به‌صورت مداوم بهبود دهید.
سئو تصاویر به عنوان یکی از عوامل کلیدی در بهبود سئو کلی وب‌سایت و افزایش ترافیک از طریق جستجوهای تصویری اهمیت بسیاری دارد. با استفاده از تکنیک‌های صحیح مانند انتخاب نام فایل مناسب، استفاده از Alt Text، فشرده‌سازی تصاویر و ایجاد نقشه سایت تصاویر، می‌توانید تصاویر خود را بهینه کرده و رتبه‌بندی سایت خود را در نتایج جستجوی گوگل بهبود بخشید. تصاویر بهینه‌شده نه تنها به جذب ترافیک بیشتر کمک می‌کنند، بلکه تجربه کاربری بهتری را نیز فراهم می‌آورند که این امر به نوبه خود تأثیر مثبتی بر سئو کلی سایت خواهد داشت. به یاد داشته باشید که بهینه‌سازی تصاویر یک فرایند مداوم است و باید به صورت مستمر با توجه به تغییرات و به‌روزرسانی‌های الگوریتم‌های موتورهای جستجو انجام شود تا سایت شما همیشه در نتایج برتر قرار گیرد.
منبع: surferseo.com