آموزش بهینه سازی تصاویر برای سئوی سایت
فهرست مطالب
- چگونه یک تصویر مناسب برای سئوی بهتر پیدا کنیم؟
در این مقاله با نکات فنی برای افزایش سرعت بارگذاری عکس در سایت همراه شما خواهیم بود. فرقی نمی‌کند در حال نوشتن یک پست وبلاگی باشید یا مشغول کار روی صفحات محصول، احتمالاً این سوال برایتان پیش می‌آید که آیا به تصویر نیاز دارید یا نه. پاسخ همیشه مثبت است! تصاویر، نه تنها به صفحات شما روح و زیبایی می‌بخشند، بلکه کمک شایانی به بهبود سئوی سایتتان می‌کنند. البته اگر به سئو تصویر مقالات سایت خود اهمیت می‌دهید، باید صبور باشید و به همه نکاتی که در این مطلب می‌گوییم را رعایت کنید.
نگران نباشید؛ ما در ادامه به شما نشان می‌دهیم چطور تصویر مناسب را پیدا کرده و آن را برای سئو بهینه کنید. پس آماده‌اید؟ بیایید شروع کنیم!
این مقاله توسط وبمسترهای محتوانایس تاییده شده‌اند؛ تمامی اطلاعات و فکت‌های موجود در این مقاله برگرفته از وبسایت یواست هستند.
استفاده از تصاویر مناسب: بهینه سازی تصاویر برای سئوی سایت
تصاویر، در صورت استفاده صحیح، به خواننده کمک می‌کنند تا محتوای شما را بهتر درک کند، یا دید بهتری از محصولات و خدمات شما به دست آورد. هرچند شاید عبارت معروف “یک تصویر به اندازه هزار کلمه ارزش دارد” مستقیماً در مورد الگوریتم‌های گوگل صدق نکند، اما برای جذاب‌تر کردن متن‌های طولانی و خسته‌کننده، نشان دادن یک مفهوم پیچیده با نمودار، یا جلب توجه در شبکه‌های اجتماعی کاملاً درست است.
توصیه می‌کنیم به هر محتوا یا صفحه‌ای که تولید می‌کنید، تصویر اضافه کنید تا آن را جذاب‌تر کنید. با توجه به اینکه جستجو در اینترنت دیگر فقط به متن محدود نمی‌شود، اضافه کردن المان‌های بصری به نفع سئوی سایت شما خواهد بود.
جستجوی تصویری، بخش مهمی از اکوسیستم جستجو باقی مانده است، همانطور که گوگل سال‌ها پیش در چشم‌انداز آینده خود به آن اشاره کرد. با پیشرفت سریع هوش مصنوعی و محتوای چندرسانه‌ای، بهینه سازی و سئو تصاویر (و ویدیوها) به موتورهای جستجو و کاربران کمک می‌کند تا شما را راحت‌تر پیدا کنند. این کار می‌تواند ترافیک خوبی را برای سایت شما به همراه داشته باشد.
اگر نگاهی به Google Images بیندازید، متوجه می‌شوید که این بخش اکنون دارای فیلتر، فراداده (متا دیتا) و اطلاعات مالکیت است. این موضوع نشان می‌دهد که گوگل روز به روز در تشخیص محتوای یک تصویر و درک بهتر آن در بافت کلی، هوشمندتر می‌شود.
چگونه یک تصویر مناسب برای سئوی بهتر پیدا کنیم؟
منبع تصویر: وبسایت https://yoast.com/
همیشه سعی کنید از تصاویر اورجینال و باکیفیت خودتان استفاده کنید، نه از عکس‌های آماده (استوک). به عنوان مثال، در صفحه «درباره ما»، عکس واقعی اعضای تیمتان را قرار دهید، نه تصویری از یک فرد ناشناس. این کار به بهبود بهینه سازی تصاویر برای سئوی سایت کمک می‌کند. بهترین کار این است که اقدام به طراحی بنر برای مقالات و سایر بخش‌های سایت خود کنید. این کار را هم حتما به گرافیست‌های خوش ذوق بسپارید.
همچنین، تصویر شما باید ارتباط مستقیم با محتوای مقاله داشته باشد. قرار دادن یک عکس نامربوط فقط برای گرفتن چراغ سبز در افزونه‌هایی مثل Yoast SEO، کار اشتباهی است. عکس باید موضوع پست را منعکس کرده یا به درک بهتر متن کمک کند.
سعی کنید تصویر را نزدیک به بخشی از متن قرار دهید که به آن مربوط است. اگر تصویر اصلی و مهمی دارید که می‌خواهید برای آن رتبه کسب کنید، بهتر است آن را (بدون اینکه به متن آسیب بزند) در ابتدای صفحه قرار دهید.
این کار از نظر سئو اهمیت زیادی دارد. تصویری که با متن مرتبط باشد، برای کلیدواژه مورد نظر، رتبه بهتری کسب خواهد کرد.
منبع تصویر: وبسایت https://yoast.com/
جایگزین‌های تصویر اصلی
اگر تصویر اصلی ندارید، منابع زیادی برای پیدا کردن تصاویر منحصربه‌فرد وجود دارد. سایت‌هایی مانند Flickr Creative Commons و Unsplash گزینه‌های عالی هستند. همیشه به یاد داشته باشید که قوانین استفاده از تصاویر را بررسی و نام عکاس اصلی را ذکر کنید. برای پیدا کردن منابع بیشتر، می‌توانید به مقاله دیگری که در این باره نوشته‌ایم سر بزنید.
از تصاویر استوک کلیشه‌ای دوری کنید. اگر مجبور به استفاده از آن‌ها هستید، نمونه‌هایی را انتخاب کنید که طبیعی‌تر به نظر برسند. به‌طور کلی، تصاویری که در آن‌ها افراد حضور دارند اغلب شبیه به عکس‌های استوک هستند؛ مگر اینکه خودتان آن‌ها را گرفته باشید که در این صورت همیشه بهترین انتخاب است.
گزینه‌های دیگر شامل نمودار، گراف و گیف‌های متحرک هستند. ما در Yoast اغلب از این موارد استفاده می‌کنیم.
گیف‌های متحرک: محبوب، اما سنگین
طراحی بنر گیف‌ها جذاب هستند، اما استفاده بیش از حد از آن‌ها می‌تواند تمرکز کاربر را از بین ببرد و سرعت بارگذاری صفحه را پایین بیاورد.
سئو عکس مقالات: آماده‌سازی تصاویر بهینه برای مقالات سایت
پس از اینکه تصویر مناسبی – اعم از عکس، نمودار یا تصویرسازی – برای مقاله‌تان انتخاب کردید، گام بعدی بهینه‌سازی آن برای وبسایت است. پیش از بارگذاری تصویر، به نکات زیر توجه کنید:
۱. انتخاب نام فایل مناسب
سئو تصویر از نام فایل شروع می‌شود. نام فایل باید به گونه‌ای باشد که موتورهای جستجو مانند گوگل، بدون نیاز به دیدن تصویر، محتوای آن را درک کنند. به عنوان مثال، اگر مقاله‌ای درباره کلیسای نوتردام دارید و تصویری از طلوع خورشید بر فراز آن استفاده می‌کنید، نام فایل نباید «DSC4536.jpg» باشد. در عوض، استفاده از نامی مانند «notre-dame-paris-sunrise.jpg» بسیار مؤثرتر است.
۲. انتخاب فرمت مناسب
فرمت درست بستگی به نوع تصویر و کاربرد آن دارد:
-
JPEG برای عکس‌ها و تصاویر بزرگ با کیفیت رنگی مناسب و حجم کم
-
PNG برای تصاویری با پس‌زمینه شفاف
-
WebP برای کیفیت بالا با حجم کمتر – می‌توانید از ابزارهایی مانند Squoosh استفاده کنید
-
SVG برای آیکون‌ها و لوگوها – قابلیت تغییر اندازه بدون افت کیفیت
قبل از انتخاب فرمت، در سایت CanIuse.com بررسی کنید که فرمت مدنظرتان با مرورگرهای کاربرانتان سازگار باشد.
۳. تغییر اندازه تصویر
یکی از نکات بسیار مهم در خصوص بهینه سازی تصاویر برای سئوی سایت استفاده از عکس‌ها با اندازه مناسب است. تصاویر بزرگ باعث کندی سایت می‌شوند. مثلاً اگر تصویری با ابعاد ۲۵۰۰×۱۵۰۰ پیکسل را به اندازه ۲۵۰×۱۵۰ نمایش دهید، کل تصویر باید بارگذاری شود! پس، تصویر را به اندازه‌ای که می‌خواهید نمایش دهید تغییر اندازه دهید. وردپرس تصاویر را در اندازه‌های مختلف ذخیره می‌کند، ولی اندازه‌ی فایل را کاهش نمی‌دهد. پس، دستی سایز مناسب را انتخاب کنید.
۴. استفاده از تصاویر واکنش‌گرا (Responsive)
در وردپرس نسخه ۴.۴ به بعد، ویژگی srcset به‌صورت پیش‌فرض اضافه شده تا بر اساس اندازه صفحه، تصویر مناسب نمایش داده شود. این موضوع هم برای سئو و هم تجربه کاربری بسیار مهم است.
۵. کاهش حجم فایل تصویر
وردپرس به‌صورت خودکار تصاویر را فشرده می‌کند، ولی این کافی نیست. استفاده از ابزارهایی مانند ImageOptim، Squoosh، JPEGmini، compressjpeg یا Kraken.io به کاهش بیشتر حجم تصویر بدون افت کیفیت کمک می‌کند.
بعد از بهینه‌سازی، می‌توانید سرعت صفحه‌تان را با ابزارهایی مثل Google PageSpeed Insights یا WebPageTest بررسی کنید.
بهبود LCP در Core Web Vitals
برای تعیین عرض (width) و ارتفاع (height) تصاویر در CSS، می‌توانید از استایل‌های درون‌خطی (inline styles) یا شیوه‌نامه‌های خارجی (external stylesheets) استفاده کنید. در ادامه مثالی از این کار آمده است:
CSS
img {
width: 500px; /* عرض دلخواه را تعیین کنید */
height: 300px; /* ارتفاع دلخواه را تعیین کنید */
}
به جای استفاده از مقادیر پیکسلی ثابت، می‌توانید از واحدهای نسبی (relative units) مانند درصد (percentages) یا واحدهای مبتنی بر ناحیه دید (viewport-based units) مثل vw و vh استفاده کنید تا تصویر شما ریسپانسیو (responsive) باشد و با اندازه‌های مختلف صفحه نمایش سازگار شود.
نکات مهم
- تعیین ابعاد در CSS فقط اندازه نمایش تصویر را تنظیم می‌کند، نه اندازه فایل واقعی آن.
- برای بهینه‌سازی اندازه فایل تصاویر به منظور بارگذاری سریع‌تر، بهتر است تصاویر را قبل از آپلود به وبسایت فشرده (compress) و تغییر اندازه (resize) دهید.
با تعیین width و height برای تصاویر در CSS، عملکرد کلی وبسایت، پایداری بصری و تجربه کاربری خود را بهبود می‌بخشید. این کار را با سایر تکنیک‌های بهینه‌سازی تصاویر (image SEO) مانند استفاده از فرمت‌های تصویری مناسب، فشرده‌سازی و بارگذاری تنبل (lazy loading) ترکیب کنید تا تأثیر حداکثری بر سرعت وبسایت و معیارهای حیاتی وب (Core Web Vitals) داشته باشد.
افزودن تصویر به مقاله
در حالی که گوگل روزبه‌روز در شناسایی محتوای درون تصاویر بهتر می‌شود، هنوز هم نباید کاملاً به آن اتکا کرد. ارائه اطلاعات تکمیلی برای تصویر، زمینه‌ای را فراهم می‌کند که این کار برای گوگل و کاربران بسیار مفید است. در ادامه به شما می‌گوییم چطور این کار را انجام دهید.
وقتی تصویرتان آماده شد، آن را همین‌طور بدون فکر و برنامه وسط مقاله نگذارید. همانطور که پیش‌تر گفته شد، قرار دادن تصویر در نزدیکی محتوای متنی مرتبط، بسیار مؤثر است. با این کار، متن و تصویر به یک اندازه برای یکدیگر مرتبط می‌شوند، چیزی که هم کاربران و هم گوگل به آن اهمیت می‌دهند.
کپشن‌ها (Captions): گامی بلند جهت بهینه سازی تصاویر برای سئوی سایت
کپشن تصویر، متنی است که در کنار یک تصویر قرار می‌گیرد. اگر به تصاویر همین صفحه نگاه کنید، کپشن همان متن خاکستری‌رنگ زیر هر عکس است.
کپشن‌ها به این دلیل برای سئوی تصاویر اهمیت دارند که کاربران هنگام مرور یک مقاله، به آن‌ها توجه زیادی می‌کنند. معمولاً افراد تمایل دارند به جای خواندن کل متن، ابتدا عناوین، تصاویر و کپشن‌ها را مرور کنند.
یادداشتی از «یاکوب نیلسن» در سال ۱۹۹۷ به این نکته اشاره دارد:
«عناصر مؤثر در مرور سریع محتوا شامل عناوین، متون بزرگ، متون برجسته، متن‌های هایلایت‌شده، لیست‌های بولت‌دار، تصاویر، کپشن‌ها، جملات کلیدی و فهرست مطالب هستند.»
لزوماً نباید برای تمام تصاویر کپشن بنویسید، چون گاهی تصاویر اهداف دیگری دارند و قرار نیست برای سئو از آن‌ها استفاده کنید. به همین دلیل، تصمیم بگیرید که آیا می‌خواهید تصویر مورد نظر در سئو به شما کمک کند یا خیر.
تنها زمانی از کپشن استفاده کنید که وجود آن برای مخاطب شما منطقی باشد. همیشه ابتدا به کاربر فکر کنید، نه فقط به سئوی تصویر.
در زیر، نسخه ویرایش شده و مطلوب‌تر از متن شما آورده شده است. این نسخه، بدون اینکه ساختار اصلی را به هم بزند، با جملات واضح‌تر و روان‌تر، و استفاده از واژگان مناسب‌تر، محتوا را بهبود می‌بخشد.
متن جایگزین (Alt Text)
متن جایگزین (Alt Text) یا همان تگ alt، متنی توصیفی است که به یک تصویر اضافه می‌شود. این متن زمانی نمایش داده می‌شود که به هر دلیلی، تصویر برای بازدیدکننده قابل مشاهده نباشد. همانطور که ویکی‌پدیا به خوبی توضیح داده است، “در شرایطی که تصویر برای خواننده قابل مشاهده نیست — مثلاً به دلیل غیرفعال بودن نمایش تصویر در مرورگر یا استفاده از صفحه‌خوان برای افراد کم‌بینا — متن جایگزین تضمین می‌کند که هیچ اطلاعات یا عملکردی از دست نمی‌رود.”
Alt text در واقع ابزاری حیاتی برای افزایش دسترس‌پذیری (accessibility) وبسایت شماست. بنابراین، نوشتن آن برای تصاویر ضروری است.
اگر مناسب بود، می‌توانید کلمه کلیدی اصلی صفحه را در متن alt قرار دهید، اما هرگز تمام تصاویر را با کلمات کلیدی پر نکنید. مهم‌ترین نکته این است که تصویر را به طور دقیق توصیف کنید تا هم موتورهای جستجو و هم کاربران، محتوای آن را بفهمند. هرچه اطلاعات مربوط به تصویر دقیق‌تر باشد، موتورهای جستجو آن را مهم‌تر در نظر می‌گیرند.
با این حال، به یاد داشته باشید که همه تصاویر به alt text نیاز ندارند. با هر تصویر مانند بخشی از محتوای صفحه برخورد کنید و تنها در جایی از آن استفاده کنید که معنا و ارزش افزوده‌ای داشته باشد. به عنوان مثال، اگر تصویری صرفاً جنبه تزئینی دارد، به alt text نیاز نیست؛ زیرا هیچ ارزشی برای خواننده ایجاد نمی‌کند. اما اگر تصویری، آماری را نشان می‌دهد — مثلاً تعداد افرادی که ماه گذشته بستنی جستجو کرده‌اند — باید این آمار در alt text منعکس شود تا اطلاعات مهمی از دست نرود.
عنوان تصویر (title text): بسیار مهم برای سئو عکس مقاله
برخی مرورگرها، هنگامی که نشانگر ماوس را روی تصویر نگه می‌دارید، عنوان تصویر (title text) را به صورت یک پنجره کوچک (Tooltip) نمایش می‌دهند. مرورگر کروم این قابلیت را به درستی اجرا می‌کند.
از نظر ساختار، عنوان تصویر به ویژگی alt شباهت دارد و به همین دلیل بسیاری از افراد از متن یکسانی برای هر دو استفاده می‌کنند. با این حال، امروزه اغلب توسعه‌دهندگان از این ویژگی صرف‌نظر می‌کنند. دلیل این کار چیست؟
موزیلا در این خصوص توضیح می‌دهد:
«ویژگی title مشکلات دسترسی‌پذیری دارد. زیرا پشتیبانی صفحه‌خوان‌ها از آن قابل پیش‌بینی نیست و بیشتر مرورگرها آن را فقط برای کاربرانی که از ماوس استفاده می‌کنند نمایش می‌دهند. به همین دلیل، کاربران کیبورد به این اطلاعات دسترسی ندارند.»
بنابراین، بهترین راه این است که اطلاعات تکمیلی را به جای عنوان تصویر، مستقیماً در متن اصلی مقاله قرار دهید.
افزودن داده‌های ساختاریافته به تصاویر
استفاده از داده‌های ساختاریافته (structured data) به موتورهای جستجو کمک می‌کند تا تصاویر شما را به صورت نتایج غنی (Rich Results) نمایش دهند. معرکه است! بهتر از این نمی‌شود اقدام به بهینه سازی تصاویر برای سئوی سایت کرد. گوگل تأکید می‌کند که اگرچه این کار لزوماً باعث بهبود رتبه نمی‌شود، اما دیده شدن تصاویر شما را در جستجوی تصاویر (Image Search) به شکل قابل توجهی افزایش می‌دهد.
گوگل برای نمایش تصاویر در نتایج غنی، دستورالعمل‌های خاصی ارائه کرده است:
- تصویری که به عنوان یک ویژگی داده‌های ساختاریافته مشخص می‌شود، باید با نوع داده مرتبط باشد.
- تصویر باید دارای ویژگی
imageباشد. - تصویر باید برای خزنده‌های موتور جستجو (crawlers) قابل خزش و ایندکس‌پذیر باشد.
شما می‌توانید تمام این نکات را در راهنمای جامع Structured Data گوگل مطالعه کنید.
افزونه Yoast SEO به طور خودکار داده‌های ساختاریافته مناسبی را برای تصاویر وبسایت شما اضافه می‌کند. برای مثال، این افزونه لوگوی سایت یا تصاویری که با بلوک‌های مخصوص آن در مقالات ایجاد کرده‌اید را شناسایی می‌کند. Yoast SEO حداقل یک تصویر مرتبط را در هر صفحه به گراف داده‌های ساختاریافته اضافه می‌کند تا بتواند صفحه شما را به درستی برای موتورهای جستجو توصیف کند.
OpenGraph و اشتراک‌گذاری در شبکه‌های اجتماعی
برای بهبود تجربه اشتراک‌گذاری محتوای خود در شبکه‌های اجتماعی، می‌توانید با استفاده از تگ OpenGraph تصویر مورد نظر خود را مشخص کنید. کافی است کد زیر را در بخش <head> فایل HTML صفحه‌تان قرار دهید:
HTML
<meta property="og:image" content="https://example.com/link-to-image.jpg" />
این کد تضمین می‌کند که هنگام اشتراک‌گذاری صفحه شما در پلتفرم‌هایی مانند فیس‌بوک، توییتر/X و پینترست، تصویر دلخواه شما به نمایش درآید.
نکته سئو: این تصویر مثالی از ظاهر یک پست با تنظیمات OpenGraph در توییتر/X است.
اگر از افزونه Yoast SEO استفاده می‌کنید، می‌توانید با مراجعه به بخش «نمای ظاهری در شبکه‌های اجتماعی»، تصویر و پیش‌نمایش پست خود را تنظیم کنید. در نسخه پولی این افزونه، پیش‌نمایش به صورت زنده قابل مشاهده است. همیشه سعی کنید از یک تصویر باکیفیت و با ابعاد بزرگ استفاده کنید، زیرا این شبکه‌ها معمولاً تصاویر با وضوح بالا را ترجیح می‌دهند.
اگر با وجود تنظیمات صحیح، تصویر به درستی نمایش داده نمی‌شود، می‌توانید کش شبکه‌های اجتماعی را پاک کنید. برای این کار، از ابزار URL Debugger فیس‌بوک و ابزار Card Validator توییتر/X استفاده نمایید.
نقشه سایت XML برای سئو تصاویر
اگر توسعه‌دهنده وب هستید، شاید درباره «نقشه‌های سایت XML مخصوص تصاویر» کنجکاو باشید. بهتر است این موضوع را با عنوان «استفاده از تصاویر در نقشه‌های سایت XML» بیان کنیم. گوگل در این زمینه توضیحات واضحی ارائه کرده است:
«شما می‌توانید با استفاده از افزونه‌های تصویر گوگل برای نقشه سایت، اطلاعات بیشتری در مورد تصاویر صفحات خود به گوگل بدهید. این کار به گوگل کمک می‌کند تصاویری را که ممکن است به طور عادی شناسایی نکند (مانند تصاویری که با جاوااسکریپت بارگذاری می‌شوند)، پیدا کند. همچنین، با این روش می‌توانید مشخص کنید که کدام تصاویر باید توسط گوگل خزش و ایندکس شوند.»
گاهی اوقات در مورد نقشه سایت XML برای تصاویر از ما سوال می‌شود. ما این نوع نقشه سایت را به صورت جداگانه ایجاد نمی‌کنیم. در عوض، طبق توصیه گوگل، تصاویر را به نقشه سایت اصلی صفحات یا پست‌ها اضافه می‌کنیم. اگر نقشه سایت یک پست را بررسی کنید، می‌بینید که ستونی مخصوص برای تصاویر به آن اضافه شده است. افزودن تصاویر به نقشه سایت XML، ایندکس شدن آن‌ها توسط گوگل را آسان‌تر می‌کند. پس حتماً برای بهبود سئوی تصاویر خود این کار را انجام دهید.
ارائه تصاویر از طریق CDN تصویر
شبکه‌های توزیع محتوا (CDN) به عنوان روشی مؤثر برای افزایش سرعت وب‌سایت‌ها شناخته می‌شوند. برخی از شرکت‌های CDN، سرویس‌های تخصصی برای تصاویر ارائه می‌دهند که با هدف بهینه‌سازی و تحویل سریع‌تر آن‌ها به کاربران طراحی شده‌اند. استفاده از یک CDN تصویر می‌تواند زمان بارگذاری تصاویر را به شکل قابل توجهی کاهش دهد.
یک CDN تصویر به شما امکان می‌دهد تا فرآیند تبدیل، بهینه‌سازی و تحویل تصاویر را به طور کامل کنترل کنید. برای مثال، می‌توانید تعیین کنید که تمام تصاویر PNG به صورت خودکار به فرمت مدرن و کارآمدتر WebP تبدیل شوند. این کار نه تنها سرعت بارگذاری را افزایش می‌دهد، بلکه کیفیت تصاویر را نیز حفظ می‌کند. اغلب CDNهای تصویر گزینه‌های زیادی برای شخصی‌سازی ارائه می‌دهند، اما تنظیمات پیش‌فرض آن‌ها معمولاً برای اکثر وب‌سایت‌ها بهینه‌سازی شده است.
از میان CDNهای تصویر محبوب می‌توان به Sirv، Cloudinary و Imagekit اشاره کرد. علاوه بر این، پلتفرم‌هایی مانند Cloudflare نیز قابلیت‌هایی برای تغییر اندازه، فرمت و نحوه ارائه تصاویر در اختیار کاربران قرار می‌دهند.
چکیده‌ای از سئوی تصویر (Image SEO)
در این مطلب با نکات فنی برای افزایش سرعت بارگذاری عکس در سایت آشنا شدیم. سئوی تصویر مجموعه‌ای از عوامل مختلفی است که با هدف بهینه‌سازی تصاویر برای موتورهای جست‌وجو و کاربران انجام می‌شود. از آنجایی که گوگل در تشخیص محتوای تصاویر روزبه‌روز پیشرفته‌تر می‌شود، ضروری است که از کیفیت تصاویر و عناصر اطراف آن‌ها اطمینان حاصل کنید تا هم تجربه کاربری خوبی فراهم شود و هم به سئو (SEO) سایتتان کمک کند. به یاد داشته باشید که تلاش برای فریب دادن گوگل بی‌نتیجه است.
هنگام افزودن تصویر به محتوای خود، این ۱۲ نکته را در نظر بگیرید:
- از تصویری مرتبط با موضوع متن استفاده کنید.
- برای تصویر، نام فایل مناسب و توصیفی انتخاب کنید.
- ابعاد تصویر را متناسب با ابعاد نمایشی آن در صفحه تنظیم کنید.
- در صورت امکان، از ویژگی
srcsetبرای تصاویر واکنش‌گرا (Responsive) استفاده کنید. - حجم فایل تصویر را کاهش دهید تا سرعت بارگذاری افزایش یابد.
- ویژگی‌های عرض (
width) و ارتفاع (height) را برای تصویر مشخص کنید. - برای بهبود تجربه کاربری، در صورت نیاز کپشن (Caption) یا توضیح زیر تصویر اضافه کنید.
- متن جایگزین (
alt) را حتماً بنویسید، اما نیازی به عنوان (title) نیست. - داده‌های ساختاریافته (Structured Data) را به تصاویر خود بیفزایید.
- تگ‌های OpenGraph و Twitter Card را برای نمایش بهینه تصویر در شبکه‌های اجتماعی تنظیم کنید.
- تصاویر را در نقشه سایت XML (XML Sitemap) وارد کنید.
- برای تحویل سریع‌تر تصاویر، از شبکه توزیع محتوا (CDN) استفاده کنید.
همانطور که می‌بینید، علاوه بر تأثیر بر سئو و تجربه کاربری، تصاویر بهینه‌سازی‌شده می‌توانند نرخ تبدیل (Conversion Rate) را نیز افزایش دهند. پس بهینه‌سازی تصاویر را در استراتژی سئوی خود دست‌کم نگیرید.
منبع: yoast
