یک عکس می‌تواند هزاران کلمه را در خودش جای دهد!

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

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

اما از طرفی سئو عکس به خاطر جزئیات پیچیده مثل به کار بردن کلمات کلیدی در عنوان عکس یا Alt Text و کد های مربوط به آن کمی گیج کننده است.

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

پس برویم سراغ اصل مطلب!

اهمیت سئو تصاویر 

خب، ابتدا ببینم که اصلاً چرا سئو تصاویر مهم است! بر اساس داده هایی که سال 2018 Jumpshot ارائه کرد، بیشتر از 20 درصد جست و جو های مربوط به وب در بخش Google Image انجام می شوند.

همچنین در جدول زیر می توانید انواع مزایایی که سئو تصاویر دارند را مشاهده نمایید:

مزیت شرح
افزایش ترافیک وب سایت تصاویر جذاب و مرتبط می توانند کاربران را به کلیک بر روی نتایج جستجو و بازدید از وب سایت شما تشویق کنند.
بهبود رتبه بندی در موتورهای جستجو موتورهای جستجو مانند گوگل از تصاویر برای درک بهتر محتوای صفحات وب استفاده می کنند. بهینه سازی تصاویر با استفاده از کلمات کلیدی و متن جایگزین مناسب می تواند به بهبود رتبه بندی وب سایت شما در نتایج جستجو کمک کند.
افزایش نرخ کلیک (CTR) تصاویر می توانند نرخ کلیک (CTR) نتایج جستجو و تبلیغات شما را به طور قابل توجهی افزایش دهند.
جذب مخاطب و افزایش تعامل تصاویر می توانند محتوای شما را جذاب تر و گیراتر کنند و به حفظ توجه مخاطبان در وب سایت شما کمک کنند.
بهبود تجربه کاربری (UX) تصاویر با کیفیت بالا می توانند تجربه کاربری (UX) وب سایت شما را ارتقا دهند و باعث شوند بازدیدکنندگان از حضور در وب سایت شما لذت ببرند.
افزایش اشتراک گذاری محتوا تصاویر به اشتراک گذاری محتوا در شبکه های اجتماعی را آسان تر می کنند و به این ترتیب می توانید به مخاطبان بیشتری دست پیدا کنید.
تقویت برندینگ تصاویر می توانند به شما در ایجاد یک برند قوی و قابل تشخیص کمک کنند.

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

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

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

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

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

  1. https://dribbble.com/
  2. https://www.freepik.com/
  3. https://yandex.com/images/

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

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

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

همچنین به جای استفاده از فاصله برای جدا کردن کلمات در نام تصویر، از خط تیره (-) استفاده کنید. این کار به خوانایی نام تصویر برای موتورهای جستجو کمک می کند.

به عنوان مثال، my-new-black-kitten.jpg بهتر از IMG00023.JPG است. تا حد امکان از استفاده از نام‌های فایل‌های عمومی مانند image1.jpg، pic.gif، 1.jpg خودداری کنید.

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

فرمت های رایج تصاویر در اینترنت سه فرمت JPG، PNG و GIF هستند. البته فرمت دیگری وجود دارد به نام SVG که برای آیکون های سایت استفاده می شود.

تصاویر JPEG یا JPG فرمتی قدیمی هستند که می توانند بدون کاهش کیفیت عکس، آن را کوچک تر کنند و به نوعی فشرده شوند. با این کار تصاویری با کیفیت بالا و حجم کم خواهیم داشت.

تصاویر GIF کیفیت پایین تری نسبت به تصاویر JPEG دارند و بیشتر برای آیکون ها استفاده می شوند. همچنین قابلیت متحرک بودن و انیمیشن را دارند و برای تصاویری که فقط از چند رنگ استفاده می‌کنند و ساده هستند مناسب است.

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

در مجموع گوگل سرچ از تصاویر ارجاع داده شده در ویژگی src عنصر img در فرمت‌های فایل زیر پشتیبانی می‌کند:

 BMP، GIF، JPEG، PNG، Web و SVG.

همچنین می‌توانید تصاویر را به صورت Data URI درج کنید. Data URI روشی برای قرار دادن یک فایل، مانند یک تصویر، به صورت درون خطی با تنظیم ویژگی src یک عنصر img به عنوان یک رشته Base64-encoded با استفاده از فرمت زیر فراهم می‌کند:

<img src=”data:image/svg+xml;base64,[data]”>

3. نوشتن متن جایگزین (Alt Text) مناسب

متن جایگزین (Alt Text) یا متن جایگزین تصویر متنی است که به جای تصویر در مرورگر وب نمایش داده می شود. این متن برای افرادی که از مرورگرهای متنی استفاده می کنند یا به دلیل مشکلات بینایی نمی توانند تصاویر را ببینند، ضروری است.

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

متن جایگزین باید به طور دقیق محتوای تصویر را توصیف کند. از استفاده از متن های کلی و مبهم مانند “تصویر” یا “عکس” خودداری کنید. همچنین دقت کنید که طول متن جایگزین باید حداکثر 120 کاراکتر باشد.

به عنوان مثال برخی از متن های جایگزین موارد زیر هستند:

مثال در استفاده از نام تصویر و Alt text

اشتباه 1:

<img src=”puppy.jpg”/>

اشتباه 2:

<img src=”puppy.jpg” alt=”puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food”/>

درست 1:

<img src=”puppy.jpg” alt=”puppy”/>

درست 2:

<img src=”puppy.jpg” alt=”Dalmatian puppy playing fetch”/>

4. بهینه سازی سرعت بارگذاری تصاویر

سرعت بارگذاری تصاویر یکی از فاکتورهای مهم در سئو و تجربه کاربری (UX) وب سایت شما است. 

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

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

5. استفاده از کد های HTML برای بارگذاری تصاویر

استفاده از عناصر استاندارد تصویر HTML به خزنده‌های گوگل کمک می‌کند تا تصاویر سایت شما را پیدا و پردازش کنند. گوگل می‌تواند تصاویر را با ویژگی src عنصر <img> پیدا کند (حتی زمانی که چایلد عناصر دیگر مانند عنصر <picture> باشد). دقت کنید که گوگل تصاویر CSS را ایندکس نمی‌کند.

به عنوان مثال کد های درست و غلطی که می‌توانید استفاده کنید موارد زیر هستند:

درست:

<img src=”puppy.jpg” alt=”A golden retriever puppy” />

اشتباه:

<div style=”background-image:url(puppy.jpg)”>A golden retriever puppy</div>

6. از نقشه سایت تصویر (image sitemap) استفاده کنید

شما می توانید با ساخت نقشه سایت تصویر، آدرس URL تصاویری را که ممکن است به طور معمول کشف نشده باشند، در اختیار گوگل قرار دهید. برخلاف سایت مپ های عادی، URL ها را می توانید از دامنه های دیگر در عناصر <image:loc> نقشه سایت تصویر قرار دهید.

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

 7. تصاویر واکنش‌گرا (Responsive)

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

صفحات وب از عنصر <picture> یا ویژگی srcset عنصر img برای مشخص کردن تصاویر واکنش‌گرا استفاده می‌کنند. با این حال، برخی از مرورگرها و خزنده‌ها این ویژگی‌ها را درک نمی‌کنند. توصیه می‌کنیم همیشه یک URL جایگزین را از طریق ویژگی src مشخص کنید.

ویژگی srcset امکان مشخص کردن نسخه‌های مختلف از یک تصویر را، به طور خاص برای اندازه‌های صفحه نمایش مختلف، فراهم می‌کند. برای مثال کد زیر را ببینید:

<img

  srcset=”maine-coon-nap-320w.jpg 320w, maine-coon-nap-480w.jpg 480w, maine-coon-nap-800w.jpg 800w”

  sizes=”(max-width: 320px) 280px, (max-width: 480px) 440px, 800px”

  src=”maine-coon-nap-800w.jpg”

  alt=”A watercolor illustration of a maine coon napping leisurely in front of a fireplace”>

عنصر <picture> برای گروه بندی نسخه‌های مختلف <source> از یک تصویر استفاده می‌شود. در واقع یک رویکرد بازگشتی ارائه می‌دهد تا مرورگر بتواند بسته به قابلیت‌های دستگاه، مانند چگالی پیکسل و اندازه صفحه نمایش، تصویر مناسب را انتخاب کند.

عنصر <picture> همچنین برای استفاده از فرمت‌های تصویر جدید با کاهش تدریجی کیفیت برای مشتریانی که ممکن است دیوایسشان هنوز از فرمت‌های جدید پشتیبانی نکنند، مفید است.

مطابق با استاندارد HTML، مطمئن شوید که هنگام استفاده از عنصر <picture> با استفاده از فرمت زیر، یک عنصر img به عنوان بازگشت با یک ویژگی src ارائه می‌دهید:

<picture>

  <source type=”image/svg+xml” srcset=”pyramid.svg”>

  <source type=”image/webp” srcset=”pyramid.webp”>

  <img src=”pyramid.png” alt=”An 1800s oil painting of The Great Pyramid”>

</picture>

بهینه سازی صفحات وب سایت

بهینه سازی صفحات وب سایت

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

1. عنوان (Title) و توضیحات (Description) صفحه خود را بررسی کنید

گوگل سرچ به طور خودکار یک عنوان لینک و Snippet ایجاد می‌کند تا بهترین توضیح را برای هر نتیجه و ارتباط آن با پرس‌و‌جوی کاربر ارائه دهد. این موضوع به کاربران کمک می‌کند تصمیم بگیرند که روی یک نتیجه کلیک کنند یا نه.

گوگل از منابع مختلفی برای این اطلاعات استفاده می‌کند از جمله اطلاعات موجود در Title و تگ‌های متا برای هر صفحه.

عنوان (Title):

توضیحات (Description):

2. از داده های ساختار یافته استفاده کنید

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

از دستورالعمل‌های کلی داده‌های ساختاریافته و همچنین هر دستورالعملی خاص برای نوع داده ساختاریافته خود پیروی کنید؛ در غیر این صورت داده‌های ساختاریافته شما ممکن است برای نمایش نتیجه غنی در تصاویر گوگل واجد شرایط نباشد. در هر یک از این انواع داده‌های ساختاریافته، ویژگی image یک فیلد اجباری برای واجد شرایط بودن برای یک نشان و نتیجه غنی در تصاویر گوگل است.

دو فرمت رایج داده‌های ساختاریافته برای تصاویر عبارت‌اند از:

پس از انتخاب فرمت مناسب، باید کد داده‌های ساختاریافته را به صفحات وب خود اضافه کنید. می‌توانید از ابزارهایی مانند Google’s Structured Data Markup Helper برای کمک به ایجاد کد داده‌های ساختاریافته استفاده کنید.

3. جلوگیری از نشان دادن تصویر بزرگ در Google Images

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

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

برای غیرفعال کردن لینک مستقیم کارهای زیر را انجام دهید:

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

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

بهینه سازی برای Safe Search گوگل

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

نکات مهمی که در سئو تصاویر به سئو سایت شما کمک می‌کنند

نکات مهمی که در سئو تصاویر به سئو سایت شما کمک می‌کنند

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

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

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

تصاویر مرتبط با محتوای صفحه می‌توانند به درک بهتر مطالب توسط مخاطبان کمک کرده و آنها را برای ادامه مطالعه تشویق کنند. همچنین استفاده از تصاویر جذاب و مرتبط در عناوین و توضیحات متا می‌تواند نرخ کلیک (CTR) و نرخ اشتراک‌گذاری (SSR) محتوا را به طور قابل توجهی افزایش دهد.

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

بهترین افزونه های سئو عکس در وردپرس

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

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

نام افزونه ویژگی‌های کلیدی
Rank Math SEO بهینه‌سازی خودکار تصاویر، فشرده‌سازی تصاویر، اضافه کردن برچسب‌های alt و title، نمودارهای موقعیت، و گزارش‌های جامع
EWWW Image Optimizer فشرده‌سازی قدرتمند تصاویر بدون افت کیفیت، تنظیمات فشرده‌سازی سفارشی، فشرده‌سازی دسته جمعی تصاویر، و CDN تصاویر
ShortPixel Image Optimizer فشرده‌سازی خودکار و دستی تصاویر، فشرده‌سازی بدون افت کیفیت، تنظیمات فشرده‌سازی سفارشی، و CDN تصاویر
Imagify Image Optimization فشرده‌سازی خودکار و دستی تصاویر، فشرده‌سازی بدون افت کیفیت، تنظیمات فشرده‌سازی سفارشی، CDN تصاویر، و بهینه‌سازی تصاویر WebP
Kraken.io Image Optimizer فشرده‌سازی خودکار و دستی تصاویر، فشرده‌سازی بدون افت کیفیت، تنظیمات فشرده‌سازی سفارشی، CDN تصاویر، و بهینه‌سازی تصاویر WebP
Yoast SEO افزودن خودکار تگ‌های alt و title به تصاویر، تحلیل محتوا و پیشنهادات بهینه‌سازی، نقشه سایت XML
Smush فشرده‌سازی تصاویر به صورت خودکار، تغییر اندازه تصاویر، سازگاری با گوتنبرگ و افزونه‌های دیگر
ShortPixel فشرده‌سازی تصاویر با کیفیت بالا، پشتیبانی از فرمت‌های مختلف (JPEG, PNG, GIF, WebP)، تبدیل تصاویر به WebP
Imagify فشرده‌سازی تصاویر به سه حالت مختلف (Normal, Aggressive, Ultra)، تبدیل تصاویر به WebP، بهینه‌سازی تصاویر به صورت گروهی
SEO Optimized Images افزودن خودکار تگ‌های alt و title، بهینه‌سازی متا تگ‌ها، پشتیبانی از تغییرات دسته‌ای
EWWW Image Optimizer فشرده‌سازی بدون افت کیفیت، تبدیل فرمت تصاویر، پشتیبانی از بهینه‌سازی خودکار و گروهی

 جمع بندی و نتیجه گیری

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

موفق باشید!

 

مقالات پیشنهادی:

Entities در سئو چیست؟ (راهنمای جامع)

INP در سئو چیست و چطور بهینه می‌شود؟

مراحل انجام سئو سایت (9 گام اصلی در سئو سایت)

5/5 - (2 امتیاز)

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *