دربهینه سازی موتورهای جستجو سئو تصاویر خیلی مهم است، بیشتر از آنچه که فکرش را بکنید. طبق مطالعات اخیری که بر روی یک میلیارد نتیجه جستجوی گوگل انجام شده است، نشان داده صفحاتی با حداقل یک تصویر، رتبهی بهتری نسبت به صفحات بدون تصویر دارند.
در این راهنمای کاملِ سئو تصاویر، ما هرآنچه را که برای نحوه بهینه سازی و نمایش عالی تصاویرتان برای موتورهای جستجو نیاز دارید را به شما با زبانی ساده میگوییم.
سئو تصاویر چیست؟
سئو تصاویر فرآیند بهینه سازی تصاویر وبسایت شما برای خواندن و یافتن بهتر آنها توسط موتورهای جستجو است. این فرآیند رتبهبندی محتوای شما را در گوگل و سایر موتورهای جستجو بهبود میبخشد. اغلب سئو تصاویر در سئو داخلی نادیده گرفته میشود، اما در واقعیت خیلی مهم است. ضعف در سئو تصاویر باعث کاهش بدست آوردن لینک، کاهش سرعت ایندکس و ترافیک ارگانیک میشود.
چرا استفاده از تصاویر برای سئو مفید است؟
- تصاویر محتوای شما را برای بازدیدکنندگان جذابتر میکند و باعث میشود مخاطبین تا انتها محتوای شما را دنبال کنند. جای تعجبی نیست که محتوای دارای عکس 94 درصد احتمال بازدید بیشتری نسبت به محتوای بدون عکس دارد.
- خوانندگان شما با احتمال بیشتری صفحهیِ دارای عکسهای خوب شما را در شبکه های اجتماعی خودشان به اشتراک میگذارند. و این پستها شانس بیشتری برای جلب توجه نسبت به پستهای بدون تصویر دارند. براساس مطالعات انجام شده توسط Buffer، پستهای تصویردار 150 درصد بیشتر ریتوییت میشوند.
- تصاویر کار را برای شما که نویسنده محتوا هستید بسیار آسان میکنند. توضیح یک مفهوم یا پرورش یک نکته با استفاده از تصاویر به راحتی قابل انجام است.
- تصاویر خوب سیگنال مثبتی به موتور جستجو در رتبه بندی میدهند.
- تصاویر میتوانند رتبه شما را در جستجوی تصاویر گوگل بالاتر ببرند و ترافیک بیشتری را برای سایت شما ایجاد کنند.
نحوه بهینه سازی تصاویر (سئو تصاویر) برای موتورهای جستجو
چند راه برای بهینه سازی تصاویر در محتوا وجود دارد. با ما باشید تا یک به یک این مراحل را برای شما شرح دهیم.
1. بهینه سازی نام فایل تصویر (Image Filename)
نام تصویر اولین چیزی است که بایستی قبل از آپلود بر روی سایت، چک شود. نام فایل تصویر باید حاوی اطلاعات مفید باشد و با دقت تصویر را توصیف کند.
وقتی شما از یک وبسایت عکسی دانلود میکنید یا با گوشی خود عکس میگیرید، معمولا نام تصویر گرفته شده به شکل DC0001IMG.jpg (یا مشابه این) است که هیچ معنای خاصی ندارد. شما بایستی نام تصویر را تغییر بدهید تا تصویر عنوانی بامعنی و مرتبط با آن پیدا کند. برای مثال: “jpg.گوشی هواوی ردمی نوت” یا ” png.راهنمای ساخت بک لینک”.
به عبارت دیگر، نام فایل باید با کمترین تعداد کلمات تصویر را به بهترین نحو توصیف کند.
2. بهینه سازی حجم فایل تصویر (Image file size)
به عنوان قانون کلی هرچه حجم تصویر کوچکتر (منظور سایز بایتی) بهتر!
تصویرهای بزرگتر مدت زمان بیشتری برای لود شدن نیاز دارند و این موضوع تاثیر منفی بر روی تجربه کاربران میگذارد، بالاخص در موبایل! بهترین راه حل کم کردن سایز تصویر، استفاده از ابزارهای بهینه ساز تصویر و کم کننده حجم تصویر، با کم ترین میزان کاهش کیفیت است.
من برای تمامی پست هایی که میسازم ابتدا تصاویر را با برنامه فوتوشاپ (یا مشابه آن)، تغییر سایز داده و آنها را به فرمت jpg یا png در میآورم. سپس قبل از آپلود کردن تصاویر بر روی سایت، حجم فایل آنها را از طریق وبسایت tiny png بهینه سازی میکنم. این کار باعث کم شدن حجم تصویر با کم ترین افت کیفیت میشود.
درکنار tiny png از ابزار فوقالعادهی دیگری به اسم Image compressor هم میتوانید استفاده نمایید.
3. استفاده از تصاویر ریسپانسیو (Responsive images)
از ورژن 4.4، پشتیبانی تصاویر ریسپانسیو توسط وردپرس انجام پذیرفت. یعنی وقتی تصویری را در صفحه یا پست خودتان آپلود میکنید، وردپرس به صورت خودکار تعدادی تصویر کوچکتر در اندازههای مختلف بسته به نوع دستگاه (تبلت یا موبایل یا …) ایجاد می کند.
اگر از وردپرس استفاده نمیکنید می توانید به راحتی با کد CSS تصویر خود را ریسپانسیو کنید. به این شکل:
<img src=”طبیعیت.jpg” alt=”طبیعت” width= “100%” height= “auto”>
به همین سادگی!
با یک مثال ساده کاری که وردپرس انجام میدهد را برایتان میگویم:
فرض کنید یک تصویر بزرگ به اندازه (2400×1200) را برای پست وبلاگتان آپلود کرده اید. حجم فایل تصویر 500 کیلوبایت است. وقتی کاربر با موبایل از پست شما بازدید میکند، برای کند نشدن سرعت لود صفحه، وردپرس به صورت خودکار تصویری به اندازه (300×150) و با حجم تنها 20 کیلوبایت برای کاربر به نمایش درمیآورد.
نتیجه: کاهش پهنای باند و سرعت لود بالاتر!
4. بهینه سازی تگ Alt تصویر (متن جایگزین یا Alt Tag)
تگ Alt مهمترین عنصر سئو تصاویر است. کراول کننده های موتورهای جستجو در درک و فهم تصاویر خوب نیستند. البته که با پیشرفت هوش مصنوعی، کیفیت کراول تصاویر هم روز به روز بهبود پیدا می کند اما تا به نقطه مطلوب برسیم فعلا به تگ Alt نیاز داریم.
چرا تگ Alt مهم است؟
تگ Alt برای توصیف محتویات تصویر است، این توصیف به ربات ها کمک میکنند که بفهمند تصاویر درمورد چه موضوعی هستند. این تگ برای راهنمایی افرادی که دچار اختلال بینایی هستند و تصویر را نمیتوانند ببینند هم کمک بزرگی میکند.
وقتی از تگ Alt استفاده میکنید موارد زیر را بخاطر داشته باشید:
- از علامت دش “-” در تگ Alt استفاده نکنید. خیلی عادی بنویسید و سعی کنید در چند کلمه تصویر خودتان را شرح دهید.
- از کلماتی که به محتوای متن شما مرتبط هستند استفاده کنید ولی در آن زیادهروی نکنید.
- تگ Alt را کوتاه و دقیق بنویسید.
- برخی افراد از عنوان پست برای تگ Alt تصاویر خود استفاده میکنند. این راه کارآمدترین راه نیست، اما قابل قبول و رایج است.
- مثال های گوگل برای انواع تگ Alt را در زیر به شما نشان میدهیم:
مثال بد ( نداشتن تگ Alt ) :
<img src=”موبایل.jpg”/>
مثال بد (استفاده زیاد کلمه کلیدی) :
<img src=”موبایل.jpg” alt=”موبایل موبایل سامسونگ خرید موبایل موبایل موبایل ارزان موبایل آیفون موبایل موبایل”/>
مثال خوب:
<img src=”موبایل.jpg” alt=”موبایل”/>
مثال عالی:
<img src=”موبایل.jpg” alt=”موبایل سامسونگ آبی 64 گیگ”/>
5. بهینه سازی کپشن و عنوان تصویر (Image Caption and Title)
علاوه بر تگ Alt، موتورهای جستجو از کپشن و عنوان تصاویر برای درک بهتر موضوع تصاویر شما استفاده میکنند. پس این مقادیر را در اختیار گوگل قرار دهید.
6. بهینه سازی مکان قرارگیری تصویر
شما میتوانید تصاویر خودتان را هرجایی از صفحه قرار دهید. اما اگر میخواهید موتورهای جستجو به تصاویر شما به چشم خاص و مهم نگاه کنند، باید تصاویر شما در ابتدای شروع صفحه باشد و درکنار آن از تگ Alt و کپشن و عنوان مناسب استفاده کرده باشید.
7. جملات مهم را در داخل تصاویر نگذارید
جملات مهم خود را در داخل تصاویر (با فوتوشاپ و نرم افزارهای دیگر) به هیچ وجه قرار ندهید. خواندن جملاتی که در تصاویر جاسازی شده باشند هم برای موتورهای جستجو و هم برای کاربران دشوار و سخت است. در توصیف تصاویر برای کاربران از عنوان تصویر و برای موتورهای جستجو از تگ Alt استفاده کنید.
8. دادههای ساختاریافته (اسکیمای تصویر) برای تصاویر استفاده نمایید (Image Schema)
اسکیما به درک و فهم تصاویر شما توسط موتورهای جستجو کمک بسزایی میکند. شما میتوانید از اسکیمای تصویر با اضافه کردن دادههای ساختاریافته مرتبط در صفحه خود استفاده نمایید.
دادههای ساختاریافته (Structured Data) چیست ؟
بسیاری از وب سایت ها از داده هایی تشکیل شدند که در دیتابیس ها ذخیره می شوند. زمانی که این داده ها در قالب کد HTML قرار میگیرند، تفسیر این اطلاعات برای موتورهای جستجو بسیار مشکل میشود. دادههای ساختاریافته نوعی المان نشانه گذاری روی صفحات است که به موتورهای جستجو اجازه می دهد اطلاعات موجود در وب سایت شما را بهتر درک کنند. موتورهای جستجو از این اطلاعات برای بهبود نتایج ارائه شده استفاده می کنند.
با استفاده از اسکیما، گوگل میتواند تصاویر شما را به عنوان نتایج ریچ (Rich Results) در صفحه اول خود نشان دهد و ترافیک بشتری را برای شما به ارمغان بیاورد. برای این منظور میتوانید از افزونه Schema pro در وردپرس استفاده کنید.
9. از سایت مپ تصاویر استفاده کنید (Image Sitemap)
10. پرهیز از استفاده بیش از حد تصاویر
در صفحه خود به اندازه متنی که دارید تصاویر اضافه کنید. از بکاربردن تصاویر زیاد و بی هدف پرهیز کنید.
11. از Lazy Load برای تصاویر استفاده کنید
با استفاده از Lazy Load میتوانید از بارگذاری تصاویر تا وقتی که کاربر به سمت پایین صفحه اسکرول نکرده جلوگیری کنید. با اینکار سرعت بارگذاری صفحه افزایش مییابد. گوگل هم Lazy Load را تایید کرده است و آن را در سرعت بارگذاری مهم می داند.
اگر از وردپرس استفاده میکنید، میتوانید با افزونه WP ROCKET برای تصاویر خود Lazy load را فعال نمایید. به همین راحتی!
چک لیست سئو تصاویر
- بهینه سازی نام فایل تصویر
- بهینه سازی حجم فایل تصویر
- استفاده از تصویر ریسپانسیو
- بهینه سازی تگ Alt تصویر
- بهینه سازی کپشن و عنوان تصویر
- بهینه سازی مکان قرارگیری تصویر
- پرهیز از جاسازی متن در تصویر
- اضافه کردن دادههای ساختاریافته (اسکیمای تصویر)
- استفاده از سایت مپ تصویر
- پرهیز از استفاده بیش از اندازه تصاویر در محتوا
- استفاده از Lazy Load
نتیجه گیری
تصاویر در سئو بسیار مهم هستند و محتوای شما را جذابتر و خواندنیتر میکنند. تجربه نشان داده که کمتر کسی به سئو تصاویر خود اهمیت داده و به طور اصولی به آن پرداخته است. این فرصتی استثنائی را برای شما جهت پیشی گرفتن از رقبا ایجاد میکند. سئو تصاویر کار وقت گیری نیست و مطمئنا مزایای آن از وقتی که برای آن میگذارید به مراتب بیشتر است. سوالات و پیشنهادات خود را با ما در میان بگذارید.
6 پاسخ
سلام و خسته نباشید
آنالیز گر وبسایت من بهم میگه 10 تا عکس بدون خصوصیت alt در صفحه اصلی داری
اما چطور پیداشون کنم؟
خیلی متن خوب و جامعی بود. خسته نباشید
سلام
مقاله بسیار کاملی بود
شخصا لذت میبرم از مطالب وبلاگ شما چون به زبان بسیار ساده مفاهیم رو توضیح دادید
سئو تصاویر رو که مطالعه کردم تازه متوجه شدم دلیل حساسیت روی حجم و نام و … چی هست
ممنون
سلام دوست عزیز
خداروشکر که مورد پسند شما بود
ممنون از همراهی شما
سلام
وقت بخیر
تشکر بابت سایت بسیار خوب شما.
خداقوت
مقاله پر پیمونی بود