آموزش سئو کردن تصویر در وردپرس

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

چرا باید به سئو تصویر اهمیت دهید؟

دو دلیل اصلی برای اهمیت دادن به سئو تصویر وجود دارد:

1. تصویر می‌تواند منبع بزرگی از ترافیک ارگانیک باکیفیت باشد. به‌ویژه اکنون که گوگل گزینه‌ی مشاهده تصویر (View image) را حذف کرده است، کاربران بیشتر تمایل دارند به صفحه‌ی شما مراجعه کنند.
2. با انجام سئو تصویر، به‌طور خودکار وبسایت خود را برای ابزارهای صفحه‌خوان (Screen readers) نیز بهینه می‌کنید و در نتیجه به افراد کم‌بینا یا نابینا کمک می‌کنید تا راحت‌تر از وبسایت شما استفاده کرده و محتوای آن را درک کنند.

شاید اکنون از خود بپرسید: آیا سئو تصویر می‌تواند برای من هم منبع بزرگی از ترافیک باشد؟

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

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

به نظر من، تصویر سه هدف اصلی را دنبال می‌کند:

1. جذب ترافیک از جست‌وجوی تصویر
2. افزایش کیفیت محتوا
3. بهبود نرخ تبدیل

ترافیک جست‌وجوی تصویر تنها از سایت images.google.com نمی‌آید، بلکه از جست‌وجوی جامع (Universal Search) نیز حاصل می‌شود و این نکته مهمی است. برای برخی اهداف کاربران، گوگل ویدئوها و تصویر را به‌صورت برجسته در نتایج جست‌وجو نمایش می‌دهد. این یک راه‌حل عالی است اگر نتوانید به‌صورت ارگانیک در صدر نتایج قرار بگیرید.

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

این موضوع در مورد تبدیل‌ها (Conversions) نیز صدق می‌کند: هر چه تصویر از نظر کیفیت و زمینه بهتر باشد، تأثیر بیشتری بر نرخ تبدیل خواهد داشت.

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

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

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

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

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

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

چه عواملی بر رتبه تصویر شما تأثیر می‌گذارند؟

چندین عامل می‌توانند رتبه تصویر شما در نتایج جست‌وجو را تحت تأثیر قرار دهند:

• قابلیت کشف، خزش و ایندکس شدن تصویر
• اعتبار صفحه‌ای که تصویر در آن قرار دارند
• ارتباط موضوعی آن صفحه با تصویر
• محبوبیت تصویر
• تصویر مرتبط
• توضیحات یا کپشن تصویر
• ویژگی‌های تصویر (نام فایل، فرمت، اندازه و متن جایگزین یا alt)
• زمان بارگذاری تصویر
• استفاده از Schema برای ارائه‌ی زمینه و توضیح بیشتر

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

1- قابلیت کشف، خزش و ایندکس شدن تصویر

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

کمک به کشف تصویر با استفاده از نقشه سایت XML تصویر

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

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

چند راهنمایی برای نقشه سایت XML تصویر:

• هر تگ <url> می‌تواند حداکثر ۱۰۰۰ تگ image:image داشته باشد.به عبارت دیگر،می‌توانید ۱۰۰۰ تصویر برای هر صفحه تعریف کنید.
• برای تعریف کپشن تصویر،از image:caption استفاده کنید.
• برای تعیین موقعیت جغرافیایی تصویر،از image:geo_location استفاده کنید.

برای تعیین مجوز تصویر، از image:license استفاده کنید.

اطمینان حاصل کنید که تصویر شما قابل خزش (Crawlable) و ایندکس شدن هست

آنچه قابل خزش نباشد، قابل ایندکس شدن هم نخواهد بود.بنابراین مطمئن شوید که فایل robots.txt به‌صورت نادرست دسترسی موتورهای جستجو به تصویر شما را مسدود نکرده باشد. هیچگاه جلوی دسترسی Googlebot-Image و Googlebot به تصویرتان را در robots.txt نگیرید.

اگر می‌خواهید تصویر شما توسط موتورهای جستجو ایندکس شود، مطمئن شوید که:

• تصویر دارای دستور noindex در هدر HTTP (X-Robots-Tag) نباشد.
• تصویر با استفاده از هدر HTTP به صفحه canonical اشاره نشده باشد.

اگر از دستور robots noindex برای صفحه‌ای که شامل تصویر است استفاده می‌کنید، تصویر آن صفحه نیز ایندکس نمی‌شود (مگر اینکه همان تصویر در صفحات دیگری که قابل ایندکس هستند هم قرار داشته باشد).

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

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

2- اعتبار صفحه‌ای که تصویر روی آن قرار دارند

در بخش قبلی اشاره کردیم که موتورهای جستجو صفحات میزبانی‌کننده تصویر را رتبه‌بندی می‌کنند. برای روشن‌تر شدن موضوع، یک مثال می‌آوریم: اگر در جستجوی تصویر گوگل عبارت “Denzel Washington” را جستجو کنید، این چیزی است که خواهید دید:

سه نتیجه برتر عبارتند از:

• imdb.com
• wikipedia.org
• variety.com

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

3- ارتباط موضوعی صفحه

موضوع صفحه‌ای که تصویر شما روی آن قرار دارند، تأثیر زیادی روی رتبه‌بندی آن‌ها دارد. در مورد ویکی‌پدیا (نتیجه دوم) برای جستجوی «Denzel Washington»، این که آن‌ها یک صفحه ۴۰۰۰ کلمه‌ای درباره او دارند بسیار کمک می‌کند، زیرا این امر به تصویر روی آن صفحه برای آن جستجو اعتبار زیادی می‌بخشد.

توجه داشته باشید که وردپرس برای هر تصویری که آپلود می‌کنید، یک صفحه «ضمیمه تصویر» اختصاصی ایجاد می‌کند. این از نظر سئو هیچ ارزش افزوده‌ای ندارد، بنابراین توصیه می‌کنیم آن را غیرفعال کنید. این کار بودجه خزش را مصرف می‌کند و محتوای تقریباً تکراری ایجاد می‌کند.

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

گوگل پیشنهاد می‌کند از تصویری استفاده کنید که با متن اطرافشان مرتبط باشند، که این مفهوم شبیه به استفاده از متن مرتبط قبل و بعد از لینک‌ها (link anchors) است.

4- محبوبیت تصویر

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

مثال: تصویر اصلی دنیزل واشنگتن در ویکی‌پدیا که در سایت‌های زیادی استفاده شده است. حتی اگر اندازه یا فرمت تصویر متفاوت باشد، گوگل آن را به‌عنوان همان تصویر می‌شناسد.

5- تصویر مرتبط

گنجاندن تصویر مرتبط با همان موضوع، با محتوای مشابه در تصویر، همچنین به بهبود رتبه تصویر شما کمک می‌کند. این کار باعث می‌شود محتوا مرتبط‌ تر و معتبرتر به نظر برسد.

برای مثال، در جستجوی «Denzel Washington» بهتر است چندین عکس مختلف از او جمع‌آوری کرده و همه را در یک صفحه قرار دهید.

مثال دیگر: فرض کنید می‌خواهید برای عبارت «illustration checklist» رتبه بگیرید. گنجاندن چندین تصویر مختلف شامل چک‌ لیست به بهتر رتبه گرفتن همه این تصویر کمک می‌کند. توجه داشته باشید که این تصویر باید تقریباً همان موضوع را نشان دهند.

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

6- توضیحات تصویر و متن اطراف آن

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

ما دو نوع متن در نزدیکی تصویر را از یکدیگر متمایز می‌کنیم: نوع اول توضیحات تصویر (caption) و نوع دوم متن‌های اطراف تصویر (surrounding text) است.

در اینجا یک نمونه از توضیحات تصویر از مقاله ما درباره ریدایرکت‌ 301 آمده است:

و در اینجا یک نمونه از تصویری همراه با متن‌های مرتبط اطراف آن آمده است:

7- ویژگی‌های تصویر (Image attributes)

یک تگ تصویر شامل نام فایل، فرمت، مسیر ذخیره و ویژگی‌هایی است که زمینه و محتوای تصویر را مشخص می‌کنند.

مثال HTML:

<img src="https://example.com/images/denzel-washington-graduating-high-school.jpeg" alt="Denzel Washington graduating high school" />

ویژگی‌ها:

• نام فایل:باید توصیفی باشد و مرتبط با جستجو
• فرمت تصویر: JPEG برای عکس، PNG برای لوگو یا تصاویر کوچک
• مسیر URL تصویر: کوتاه و منطقی باشد
• ویژگی srcset: برای تصاویر پاسخگو
• ویژگی alt: توضیح محتوای تصویر

نام فایل تصویر: چگونه تصویر را برای سئو نام‌گذاری کنیم

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

مثال خوب: denzel-washington-graduating-high-school
مثال بد: photo

انتخاب فرمت تصویر

انتخاب فرمت درست برای تصویر کمک می‌کند زمان بارگذاری تصویر کم بماند و کیفیت آن حفظ شود.

مثال خوب: .jpeg برای یک عکس
مثال بد: .gif برای اسکرین‌شاتی که باید جزئیات را نشان دهد

در ادامه، محبوب‌ترین فرمت‌های تصویر و بهترین کاربردهای هر کدام آورده شده است.

مسیر URL تصویر

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

مثال خوب: /images/denzel-washington-graduating-high-school.jpeg
مثال بد: /wp-content/uploads/2016/09/images/denzel-washington-graduating-high-school.jpeg

ویژگی srcset برای تصویر پاسخگو

با توجه به تمرکز اول گوگل بر موبایل، نقش سرعت صفحه به‌عنوان یک عامل رتبه‌بندی و این واقعیت که گوگل عمدتاً با یک user-agent موبایل خزیدن می‌کند، ارائه دقیق اندازه مناسب تصویر به کاربران اهمیت بالایی دارد.

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

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

<img src="/images/denzel-washington-graduating-high-school.jpeg" 
     srcset="/images/denzel-washington-graduating-high-school-400.jpg 375w, 
             /images/denzel-washington-graduating-high-school-800.jpg 768w" 
     alt="Denzel Washington graduating high school" />

در این مثال:

• تصویر با عرض 400 پیکسل به صفحه‌نمایش‌هایی با عرض 375 پیکسل و کمتر ارائه می‌شود.
• تصویر با عرض 800 پیکسل به صفحه‌نمایش‌هایی با عرض بین 376 تا 768 پیکسل ارائه می‌شود.
• تصویر پیش‌فرض به تمام دستگاه‌هایی با عرض بیشتر از 768 پیکسل ارائه می‌شود.

اگر می‌خواهید تصویر شما روی نمایشگرهای رتینا بسیار شفاف باشند، می‌توانید نسخه‌ای از تصویر با چگالی پیکسلی دو برابر تصویر عادی ارائه دهید.
برای مثال،اگر تصویر عادی شما ابعاد 600 × 300 پیکسل دارد و نام آن denzel-washington-graduating-high-school.jpeg است،تصویر رتینا باید ابعاد 1200 × 600 پیکسل داشته باشد و نام آن denzel-washington-graduating-high-school@2x.jpeg باشد.

مهم است که بدانید تصاویری که ظاهر یکسان دارند اما اندازه‌های مختلفی دارند، اساساً تصاویر متفاوتی هستند. بنابراین اگر هم‌اکنون ترافیک زیادی از جستجوی تصاویر دریافت می‌کنید و اندازه تصاویر خود را تغییر دهید، انتظار داشته باشید که به دلیل زمان خزیدن مجدد (recrawl)، ترافیک کاهش یابد.

ویژگی alt تصویر

ویژگی alt که به‌اشتباه گاهی alt tag یا alternative tag هم گفته می‌شود، به موتورهای جستجو کمک می‌کند تا متن و محتوای تصویر را درک کنند. این ویژگی از نظر سئو اهمیت زیادی دارد و از دید کاربران هم مفید است. وقتی تصویر بارگذاری نمی‌شود، متن alt به‌عنوان متن جایگزین نمایش داده می‌شود تا کاربران حداقل ایده‌ای از محتوای تصویر داشته باشند. همچنین، این متن توسط صفحه‌خوان‌ها (screen readers) برای توصیف محتوای تصویر استفاده می‌شود.

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

8- زمان بارگذاری تصویر

سرعت صفحه یکی از عوامل رتبه‌بندی موتورهای جستجو است. بنابراین مهم است که تصویر هم سریع بارگذاری شود. علاوه بر این، تصویر از همان بودجه خزیدن (crawl budget) صفحات و سایر دارایی‌های شما استفاده می‌کنند.

برای اطمینان از بارگذاری سریع تصویر، موارد زیر را رعایت کنید:

• انتخاب فرمت مناسب تصویر (مطابق بخش فرمت‌های تصویر)

• ارائه اندازه مناسب تصویر (مطابق بخش ویژگی srcset تصویر)

• فشرده‌سازی تصاویر

فشرده‌سازی تصویر

برای کاهش حجم فایل تصویر، روش‌های مختلفی وجود دارد:

• Lossy (با افت کیفیت): حجم فایل به‌طور چشمگیر کاهش می‌یابد اما کیفیت تصویر کمی افت می‌کند. این گزینه سریع‌ترین زمان بارگذاری را ایجاد می‌کند.

• Lossless (بدون افت کیفیت): حجم فایل به‌طور متوسط کاهش می‌یابد و کیفیت تصویر حفظ می‌شود. این گزینه کمک چندانی به افزایش سرعت بارگذاری نمی‌کند.

• Glossy (میانگین طلایی): تعادلی بین کاهش حجم فایل و افت کیفیت است، یعنی حجم فایل کاهش می‌یابد و افت کیفیت نیز کنترل شده است.

ابزارهای فشرده‌سازی:

نمونه‌ای از ابزارهایی که می‌توانید برای فشرده‌سازی تصویر استفاده کنید:

آنلاین:

• • TinyPNG
  • Imagify

وردپرس:

• • ShortPixel
  • EWWW Image Optimizer
  • Imagify
  • Smush
  • TinyPNG

ابزاری که با سیستم یکپارچه می‌شود:

• Magento: TinyPNG

دسکتاپ:

• ImageOptim

بهترین شیوه‌های سرعت صفحه که به تصویر هم مربوط می‌شوند

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

استفاده از CDN برای ارائه تصویر

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

استفاده از کش مرورگر

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

استفاده از بارگذاری تنبل (Lazy Loading) برای تصویر

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

تصویر را تا زمانی که نیاز است و پس از بارگذاری عناصر حیاتی صفحه، بارگذاری کنید. برای کاربران سریع قابل استفاده بودن صفحه مهم‌تر از ظاهر کامل آن است. چرا باید تصاویری که در پایین صفحه هستند را بلافاصله بارگذاری کرد، وقتی کاربران از بالای صفحه شروع به خواندن می‌کنند؟

نکات مهم درباره بارگذاری تنبل

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

تحولات زیادی در زمینه بارگذاری تنبل رخ داده است. گوگل در تاریخ ۶ آگوست ۲۰۱۹ اعلام کرد که از نسخه Chrome 76 پشتیبانی مستقل و داخلی از بارگذاری تنبل را اضافه می‌کند. هنوز باید منتظر بمانیم تا سایر مرورگرهای مهم نیز این ویژگی را پشتیبانی کنند.
این خبر امیدوارکننده به نظر می‌رسد، زیرا زمانی که پشتیبانی کافی از سایر مرورگرها وجود داشته باشد، دیگر نیازی به پیاده‌سازی بارگذاری تنبل از طریق جاوا اسکریپت نخواهد بود. این به معنای کاهش زمان بارگذاری صفحات و همچنین تسریع فرآیند خزیدن و ایندکس شدن تصویر توسط موتورهای جستجو است.

9- استفاده از Schema برای انتقال زمینه و مفهوم

هر تصویری که نمایانگر محتوای شماست را با استفاده از نشانه گذاری اسکیما علامت‌گذاری کنید. این کار به موتورهای جستجو کمک می‌کند تا زمینه و مفهوم تصویر را بهتر درک کنند و همچنین احتمال اینکه آن تصویر در Featured Snippet ظاهر شود را افزایش می‌دهد. حضور تصویر در Featured Snippet باعث جلب توجه بیشتر می‌شود و در نتیجه تعداد کلیک‌ها نیز افزایش می‌یابد.

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

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://example.com/image-seo-guide/"
},
"headline": "راهنمای نهایی سئو تصاویر",
"image": {
"@type": "ImageObject",
"@id": "https://example.com/image-seo-guide/#primaryimage",
"url": "https://example.com/assets/images/image-seo-guide.png",
"width": 1200,
"height": 600,
"caption": "راهنمای سئو تصاویر"
},
"datePublished": "2025-08-19T08:00:00+04:30",
"dateModified": "2025-08-19T09:00:00+04:30",
"author": {
"@type": "Person",
"name": "تیم میرا سئو"
},
"publisher": {
"@type": "Organization",
"name": "میرا سئو",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/assets/images/miraseo-logo.png"
}
},
"description": "یک راهنمای جامع برای بهینه‌سازی و افزایش رتبه تصاویر در موتورهای جستجو"
}
</script>

چند نکته مهم:

• مطمئن شوید تصویری که در نشانه‌گذاری Schema.org خود اشاره کرده‌اید، قابلیت کراول و ایندکس شدن دارند، همان‌طور که در بخش «قابلیت کشف، کراول و ایندکس» توضیح داده شد.
• تصویر باید مرتبط با محتوای صفحه باشند.
• تصویر باید با فرمت‌های .jpg، .png یا .gif باشد.
• تصویر را با وضوح بالا ارائه دهید و نسبت‌های ابعاد زیر را رعایت کنید: 16×9، 4×3 و 1×1.

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

باید اطمینان حاصل کنید که کار را برای گوگل تا حد ممکن آسان می‌کنید و سیگنال‌های کافی برای شناسایی صحیح تصاویر به آن می‌دهید. بسیاری از توصیه‌های گوگل از سال ۲۰۱۲ تغییر نکرده‌اند و هرچند ابتدایی به نظر می‌رسند، اما می‌توانند باعث شوند تصویر شما کارآمدتر برای وبسایت شما عمل کند.

تعریف تصویر Open Graph و Twitter Card

تعریف تصویر Open Graph و Twitter Card به ترافیک شبکه‌های اجتماعی کمک می‌کند و باعث افزودن زمینه و ارزش به صفحات شما می‌شود، اگرچه مستقیماً بر رتبه‌بندی تأثیر ندارد

ابزارهایی برای تحلیل پتانسیل بهینه‌سازی تصویر

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

فهرست ابزارها:

• Website Speed Test
• Google’s Lighthouse in Chrome DevTools
• GTMetricsin a new tab)
• TinyPNG Analyzer این ابزار نه‌تنها اندازه فعلی تصویر شما را نشان می‌دهد، بلکه آن‌ها را به‌صورت زنده فشرده می‌کند تا بتوانید مستقیماً ببینید چقدر می‌توانید صرفه‌جویی کنید.

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

در پایان:

تصویر را فقط از دید سئو به‌ عنوان ابزاری برای رسیدن به هدف در نظر نگیرید. داشتن تصویر جذاب از نظر بهینه‌سازی نرخ تبدیل نیز ارزش زیادی دارد، به‌ویژه در فروشگاه های اینترنتی. برای مثال، Google Shopping جایی که یکی از شدیدترین رقابت‌های محتوا هر روز در جریان است. داشتن صفحات محصول عالی در این زمینه تفاوت بزرگی ایجاد می‌کند. نمی‌توان هر تصویری را استفاده کرد. دستورالعمل‌ها و بهترین شیوه‌ها وجود دارند که باید رعایت شوند.