بهینهسازی و سئو تصاویر بخش مهمی در سئو وب سایت است. همانطور که محتوایی که برای سایت خود مینویسید هم باید با مخاطبان و هم با گوگل صحبت کند، تصاویر شما نیز چنین هستند. در واقع آنها باید داستانهایی برای گفتن داشته باشند. سئو عکس چیزی فراتر از رتبهبندی تصاویر شماست. این در باره بهینهسازی تصاویر شما است تا:
- صفحات وب خود را به سرعت بارگیری کنید
- وب سایت و محتوای خود را از نظر بصری جذاب تر کنید
- تصویر (به معنای واقعی) برندتان را تقویت کند
در راهنمای زیر برای جستجوگرها برای تصاویر، ما تمام کارهایی را که میتوانید انجام دهید برای بهینهسازی تصاویر خود برای نتایج بهتر بررسی خواهیم کرد.
1. تصاویری را انتخاب کنید که مفهومی مناسب را ارسال کنند
وقتی از یکی از کارکنان گوگل پرسیدیم که محتوای با کیفیت بالا از نظر گوگل چگونه است، این چیزی است که گوگل به ما جواب داده:
"من خیلی نگران آنچه گوگل درباره محتوای با کیفیت فکر میکند نیستم. بلکه باید شما نشان دهید که واقعاً محتوا و مطالبی منحصر به فرد و جذاب و با کیفیت بالا دارید. "
در مورد منبع یا نحوه ایجاد تصاویر برای سایتتان، بهتر است از این قوانین پیروی کنید:
ایجاد تصاویر منحصر به فرد (در صورت امکان)
به این فکر کنید که چند بار تا حالا وب سایتهای را دیده اید که از عکسهای مشابهی استفاده میکنند که در آن افراد خوشحالی، با لباسهای مرتب و با دست دادن و لبخند زدن در عکس میبینیم. با توجه به اینکه این نتایج جستجو در
Pexelsبرای "تیم" این موارد زیر است، البته اینکه زیاد هم تعجب آور نیست::)

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

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

این نوع تصاویر منحصر به فرد میتواند شگفتیهایی برای افزایش قدرت یک صفحه وب و اعتماد کلی به یک برند تجاری ایجاد کند.
همیشه از تصاویر با بالاترین کیفیت استفاده کنید
در مورد اینکه چه چیزی یک تصویر را از دیگری بهتر میکند، ویژگیهای خاصی وجود دارد که باید در نظر گرفت:
- وضوح تصویر
- مربوط به صنعت، محتوای صفحه و مخاطبان شما
- به روز / مدرن بودن تصویر
- سازگاری سبک با محتوا سایت
- از فایل تصویری مناسب استفاده کنید
استفاده از قالب مناسب تصویر میتواند شما را از مشکلات زیادی نجات دهد - چه از نظر کیفیت تصویر و چه از نظر اندازه فایل 😊 سئو تصاویر با انواع پسوند فایل ها سه نوع فایل تصویری که معمولاً مورد استفاده قرار میگیرد شامل این پسوند هاست: JPEG، PNG و GIF. JPEG: فرمت فایل فشرده، معمولاً کمترین اندازه یک فایل است. ایده آل برای عکس ها PNG: اندازه فایل معمولاً بزرگتر از JPEG است. ایده آل برای نقاشی، اسکرین شاتها، تصاویر حاوی متن یا زمینههای شفاف (اونایی که بک گراند ندارند) GIF - تعداد محدود رنگ؛ ایده آل برای تصاویر متحرک همه این قالبها برای تصاویر شطرنجی (متشکل از پیکسل) استفاده میشوند. اما ما تصاویر وکتور هم داریم که محبوبترین قالب آنها: SVG: قالب مقیاسپذیر (پیکسل نمیشود)، معمولاً کوچکتر از JPEG، PNG یا GIF. برای لوگوها، آیکونها و تصاویر ساده عالی است اگر هنوز مطمئن نیستید که کدام نوع فایل برای تصویر شما مناسب است، در اینجا یک راهنمای ساده برایتان میآوریم:

قالبهای نسل بعد
علاوه بر فرمتهای استاندارد، میتوانید با فرمتهای تصویری به اصطلاح نسل بعدی مانند WebP، JPEG 2000 و JPEG XR نیز روبرو شوید. به ویژه WebP یکی از مواردی است که باید به آن توجه زیادی شود زیرا گوگل به هدف ارائه تصاویر با کیفیت بالا در اندازههای کوچکتر آن را ساخته است. مطالعات گوگل نشان داده است که تصاویر WebP میتوانند فضای کم تری بگیرد و منابع بیشتری را نسبت به نسخههای JPEG و PNG سنتی آنها ذخیره کنند. تنها مشکل این است که WebP و سایر قالبهای نسل بعدی هنوز توسط 100٪ مرورگرها پشتیبانی نمیشوند (و در وردپرس نیز پشتیبانی نمیشوند). بنابراین در حال حاضر، باید منتظر بمانیم تا از آنها در همه سیستم عاملها استفاده شود . چرا ما به اندازه تصویر اهمیت میدهیم؟ بر اساس دادههای وبسایتها، میانگین اندازه انتقال یک صفحه 2080 کیلوبایت در دسک تاپ و 1885 کیلوبایت در تلفن همراه است. حال، بیایید این را با اندازه انتقال متوسط تصاویر مقایسه کنیم:

متوسط اندازه انتقال تصاویر 1026 کیلوبایت در دسک تاپ و 935 کیلوبایت در تلفن همراه است - این نیمی از وزن یک صفحه وب است! به عبارت دیگر، اندازه تصاویر شما یکی از مهمترین عوامل تأثیرگذار بر سرعت صفحه شما است. و سرعت صفحه خود یک عامل رتبهبندی است.
3. اندازه تصاویر بیش از حد بزرگ را تغییر دهید
ما قبلاً نحوه انتخاب صحیح قالب فایل را توضیح دادیم. مرحله بعدی تغییر اندازه تصاویر برای متناسب شدن با ابعاد صفحه است. یک قانون ساده وجود دارد: از ابعادی متناسب با عرض صفحه (یا فقط کمی بزرگتر) استفاده کنید. اگر محتوای وبلاگ شما 800px عرض دارد، دلیلی برای استفاده از تصاویر با عرض 2500px وجود ندارد. صفحههای کوچکتر چطور؟ البته دستگاههایی مانند موبایل وجود دارند که حتی اندازه صفحه نمایش آنها نیز کمتر است. بنابراین ارائه یک تصویر در اندازه دسکتاپ تنها باعث کند شدن غیرضروری صفحه است. خوشبختانه، اگر از وردپرس 4.4 یا بالاتر استفاده میکنید، خودش به کل مراحل رسیدگی میکند و تصاویر را به صورت خودکار برای دستگاههای کوچکتر تغییر میدهد. تنها کاری که باید انجام دهید این است که در وهله اول اندازه مناسب را بارگذاری کنید. همچنین، باید قبل از بارگذاری تصویر، اندازه آن را تغییر دهید. ذخیره یک عکس 3 مگابایتی در وب سایت خود حتی اگر بعد از آن اندازه آن را تغییر دهید معنایی ندارد (مگر اینکه بخواهید در اندازه کامل بارگیری شود). شما باید از هدر رفتن فضای هاستتان جلوگیری کنید. تغییر اندازه تصاویر هیچ علم عجیب غریبی نیست. میتوانید از نرم افزار حرفه ای طراحی (مانند Adobe Photoshop یا Gimp)، ویرایشگر تصویر پیش فرض لپ تاپتان یا ابزارهای آنلاین استفاده کنید.
4. تصاویر خود را فشرده کنید
فشردهسازی فرایندی است که دادههای غیرضروری و بایت اضافی فایلها را از بین میبرد در حالی که (عمدتا) کیفیت تصویر تغییر خاصی نمیکند. 😊 طبق Think With Google، فشردهسازی یک فرایند اساسی برای بهینهسازی و سئو تصویر است (چی از این بهتر!): "به سادگی فشردهسازی تصاویر و متن میتواند یک تغییر دهنده بازی باشد ." به طور کلی، اندازه JPEG ها از PNG کوچکتر است. بنابراین یکی از راههای کاهش اندازه فایلها، تبدیل عکسها از PNG به JPEG است.

فشردهسازی دو نوع دارد:
- فشردهسازی با حذف، فرایند حذف بیتهای کوچک از یک فایل JPEG یا GIF است. اگرچه پس از اعمال، قابل برگشت نیستند و به همین دلیل و به دلیل نوع اتلاف اطلاعات، در صورت فشردهسازی بیش از حد کیفیت تصویر میتواند به طور جدی پایین بیاید.
- فشردهسازی بدون حذف، این فرایند شامل حذف موارد اضافی از یک پرونده PNG است. این فرآیند به اندازه فشردهسازی قبلی با ضرر شدید و دائمی نیست. به همین دلیل، یکپارچگی تصویر بیشتر دست نخورده باقی میماند. با این حال، اندازه پروندهها هنوز هم نسبتاً زیاد است.
در اینجا مثالی از کیفیت تصویر JPEG با استفاده از درجات مختلف فشردهسازی آورده شده است. باز هم، شما باید تنظیمات مختلفی را آزمایش کنید تا بهترین نسبت اندازه / کیفیت فایل را پیدا کنید.

با توجه به توصیه انجمن پشتیبانی وردپرس، شما باید اندازه تصویر خودتان را در رنج زیر قرار دهید: تصاویر بزرگ: 60-100 KB تصاویر کوچک: کمتر از 30 کیلوبایت بر خلاف تغییر اندازه تصویر، شما میتوانید فشردهسازی تصویر را از داخل وردپرس کنترل کنید و میتوانید روند را با استفاده از یک افزونه به صورت خودکار انجام دهید.
5- از اطلاعات توصیفی و مجزا استفاده کنید
حتی اگر قصد ندارید تصاویر خود را در جستجوی تصاویر گوگل رتبهبندی کنید و بالا بیاورید، صرف وقت در متا دیتا (metadata) تصویر فواید زیادی دارد. اینها برای کمک به بازدیدکنندگان برای درک محتوای تصویری یک صفحه مفید هستند. همچنین، آنها به عنوان اطلاعات مهمی هستند که گوگل هنگام تلاش برای جمع آوری مطالب یک صفحه به آنها توجه میکند. نکاتی برای نوشتن متا دیتا تصویر در هنگام سئو تصاویر برای متا باید این موارد باشد:
- توصیفی است، بنابراین رمز و راز را از آنچه در یک تصویر موجود است و نحوه ارتباط آن با محتوای یک صفحه را نشان میدهد.
- متمایز هستند، با دادن متا دیتاهای منحصر به فرد، تصاویر شما هرگز مجبور به رقابت برای توجه نیستند، زیرا برای کلمات کلیدی و سناریوهای مختلف رتبهبندی میشوند.
نام فایل
شما همیشه باید قبل از بارگذاری فایلهای خود، یک نام توصیفی بگذارید. به این ترتیب، محتوای شما جان کلام را در تصویر بهتر منعکس میکنند.

اگر از وردپرس استفاده میکنید، نمیتوانید لینکهای ثابت را برای تصویر خود ویرایش کنید، بنابراین این دلیل دیگری است که استفاده از نام فایل توصیفی مهم است.
متن جایگزین
متن Alt (متن جایگزین) یک قطعه مهم برای پر کردن از نظر سئو است. یک تگ alt ساده، در کد HTML قرار میگیرد: < img data-src="colosseum.jpeg" alt="aerial view of the Colloseum in Rome"/> نکته: شما میتوانید برای سئو بهتر از متن فارسی برای این کار استفاده کنید.

با این حال، متن alt همیشه لازم نیست. به عنوان مثال، اگر تصویر فقط هدف تزئینی داشته باشد، دلیل نمیشود خواننده یا گوگل را از محتوای آن آگاه کنید.
متن Alt و کلمات کلیدی
متن alt تصویر یکی از آن زمینههایی است که گوگل هنگام جمع آوری مطالب صفحه به آن توجه میکند. آیا به این معنی است که شما باید به هر قیمتی کلمه کلیدی اصلی خود را در ویژگی alt قرار دهید؟ قطعا نه. علیرغم روش معمول، متن alt محلی برای پر کردن کلمات کلیدی غیر طبیعی نیست تا بتواند رتبهبندی شما را "بهبود بخشد". از کلمات کلیدی فقط در مواقعی استفاده کنید که برای کاربر منطقی باشد.
زیرنویس (اختیاری)
شرح تصویر هنگامی ضروری است که بخواهید زمینه یا اطلاعات بیشتری در مورد تصویر ارائه دهید. برخلاف سایر دیتاها، زیر نویس در زیر تصویر برای کاربر قابل مشاهده است. این میتواند خوانندگان را درگیر محتوا و داستان شما کند.
عنوان و شرح
عنوان تصویر و توضیحات نیز عناصر مهم در دیتا جستجو هستند - درست مانند برچسب عنوان و توضیحات متا برای صفحات و پستهای شما.
- صفحات وب خود را کش کنید
حافظه پنهان (کش) روشی است که به سرورها امکان میدهد سایت شما را با کارایی بیشتر به مرورگر بازدید کننده تحویل دهند. اینطوری در موردش فکر کنید: شما در یک کنفرانس حرفه ای هستید و شخصی میخواهد کارت ویزیت شما را ببیند. تنها مشکل این است که شما کارت ویزیت ندارید، بنابراین باید تمام اطلاعات تماس خود را برای آنها یادداشت کنید. مسئله بزرگی نیست اما سپس شخص دیگری جزئیات تماس شما را میپرسد. شما کار را تکرار میکنید، و اطلاعات خود را برای او هم یادداشت میکنید. چند ثانیه شاید ول بکشد، اما به سرعت زیاد میشود. این همان کاری است که سرور شما باید بدون ذخیره کردن در محل برای کاربرانتان انجام دهد. حالا، بگذارید بگوییم کارت ویزیت خود را همراه دارید. این بار، یک دقیقه طول میکشد تا به همه آنها اطلاعات خود را بدهید. نحوه ذخیرهسازی به این ترتیب است. سرور شما یک نسخه از صفحه وب و تمام محتوای آن - از جمله تصاویر - ایجاد میکند تا مجبور نشود هر بار که کسی درخواست دیدن آن را میکند، صفحه را دوباره از اول لود کند. با توجه به اینکه به ندرت ممکن است تصاویر را در صفحات وب خود تغییر دهید، ذخیرهسازی (کش کردن) یک روش عالی برای سرور شما است.
7. CDN را در نظر بگیرید
انتقال تصاویر به شبکه تحویل محتوا (CDN) نیز ممکن است مفید باشد. CDN شبکه ای از سرورها است که در بالای سرور میزبان اصلی شما قرار دارد. هنگام فعال شدن، سایت شما با هدف کاهش شکاف فیزیکی وب سایت و بازدید کنندگان آن، در حافظه کش شده ه و به آن سرورهای از راه دور ارسال میشود. برای اطلاعات بیشتر میتوانید از مقاله
سی دی ان چیستهمیار سایت کمک بگیرید. در اینجا یک تصویر ساده توسط GTMetrix آورده شده است که کل روند را توضیح میدهد: سرویسهای معروف
CDNکه میتوانید استفاده کنید
Cloudflare،
KeyCDN،
StackPathیا
Amazon CloudFrontاست.
8. سئو تصاویر با structured data
دادههای ساختاری (structured data) به شما امکان میدهد تا اطلاعات مربوط به صفحه وب را علامتگذاری کنید. همچنین شامل اطلاعاتی مانند تصویر دستور غذا یا تصاویر محصول است. ببینیم گوگل درمورد آن برای تصاویر چه چیزی میگوید: اگر در سایت خود عکس دارید، میتوانید با استفاده از دادههای ساختاری (structured data) مناسب در صفحات خود، به کاربران در شناسایی نوع محتوای مرتبط با تصویر کمک کنید. این به کاربران کمک میکند محتوای مربوطه را به سرعت پیدا کنند و ترافیک هدفمندتری را به سایت شما ارسال میکند. به عنوان مثال، این یک جستجوی برای "نحوه پخت کلوچههای زغال اخته" است:

هر نتیجه در این صفحه نتایج جستجو (نه فقط در تصویر) حاوی یک تصویر مکمل است. گوگل میداند که چگونه این صفحات حاوی دستورالعملها را با استفاده از دادههای ساختاری ارائه شده به تصاویر مرتبط کند. اما فقط صفحات دستورالعمل نیستند که میتوانند از دادههای ساختاریافته بهرهمند شوند. Schema.org بدنه ای است که structured data ( اسکیما) را که ما در وب استفاده میکنیم، مدیریت میکند. شما برای این کار میتوانید از افزونههای سئو مثل رنک مث کمک بگیرید.
9. از لیزی لود (lazy loading) استفاده کنید
وقتی به تجزیه و تحلیل Google PageSpeed Insights در مورد سرعت بارگیری نگاه میکنید، میبینید که به چندین مرحله مهم تقسیم شده است:

دو مورد اول - First Contentful Paint و First Meaningful Paint - از اهمیت ویژه ای برخوردار هستند زیرا مدت زمان لازم برای بارگیری کامل محتوای را نشان میدهند. بدیهی است که شما میخواهید کل صفحه در اسرع وقت بارگیری شود. با این حال، این کار همیشه آسان نیست، به همین دلیل است که باید اولویتبندی کنید. یک مطالعه ردیابی چشم از Nielsen Norman Group در سال 2018 به همان نتیجه رسید: محتوای بالاتر، بیشترین سهم را از مشاهده دریافت میکند. اگر 57٪ از زمان صرف شده در یک صفحه بیش از حد مجاز باشد، لیزی لود به ابزاری مفید در صرفه جویی در مصرف انرژی سرور شما تبدیل میشود. روند کار به این صورت است: شخصی از وب سایت شما بازدید میکند. سرور شما درخواست را دریافت میکند. سرور به جای اینکه کل صفحه وب را پردازش کند و بازدید کننده را منتظر بگذارد، فقط قسمت قابل مشاهده صفحه را پردازش میکند تا بتواند مطالب را با سرعت بیشتری ببیند. در اینجا یک تصویر عالی از سایت Imperva آوردیم که روند کار را توضیح میدهد:

هنگامی که لیزی لودینگ فعال است، سرور شما میتواند انرژی و منابع خود را به پردازش اطلاعات بالاتر اختصاص دهد. این بدان معنی است که زمان بارگیری به نفع بازدید کنندگان شما کاهش مییابد.
10. یک نقشه تصویر (image sitemap) بسازیم:
با توجه به اطلاعات سایتهای معتبر، تصاویر گوگل بخش خوبی از سهم بازار موتور جستجو را در اختیار دارند:

با در نظر گرفتن حدود یک چهارم کل جستجوهای وب در جستجوی تصویر گوگل، تهیه یک نقشه تصویری جدا از نقشه سایت XML، مفید خواهد بود. در مورد ایجاد نقشه تصویری سایت خودتان، دو تا گزینه دارید:
الف) نقشه سایت XML خود را به صورت دستی به روز کنید
اگر وب سایت کوچکتری (10 صفحه یا کمتر) دارید، به روزرسانی دستی نقشه سایت اصلی خود با دادهها زیاد طول نمیکشد. گوگل مثالی در مورد چگونگی انجام این کار ارائه میدهد:

در حالی که این قطعه فقط تگهای تصویر و مکان را نشان میدهد، شما میتوانید جزئیات بیشتری مانند گزینههای زیر را هم اضافه کنید: عناوین زیرنویس مکانهای جغرافیایی اولین مورد این است که شما باید به یاد داشته باشید که هر زمان تصویر جدیدی به سایت شما اضافه میشود، نقشه سایت خود را به روز کنید. مورد دوم این است که شما باید فایل را در سرور خود بارگذاری کنید و سپس لینک آن را با Google Search Console به اشتراک بگذارید.

انجام این کار دشوار نیست، اما اگر بتوانید آن را خودکار کنید بهتر است.
ب) نقشه سایت تصویر خود را به صورت خودکار تولید و بارگذاری کنید
اگر از طریق وردپرس کار میکنید، بهترین راه برای ایجاد خودکار نقشه تصاویر با یک پلاگین است. به عنوان مثال در All in One SEO Pack، شما فقط باید گزینه "Media / Attachments" را انتخاب کنید، که یک نقشه تصاویر مجزا برای سایت شما ایجاد میکند.

نکات طلایی سئو تصاویر:
با این نکات طلایی همیار سایت سئو عکسهای خود را بهتر انجام دهید: نکات بهینهسازی تصاویر وردپرسی:
- از عکسهای کلیشه ای پرهیز کنید. در عوض، از تصاویری استفاده کنید که ارزش دارند
- از تصاویر زیاد استفاده نکنید: هر تصویر باید هدف داشته باشد
- همیشه قالب مناسب را انتخاب کنید - GIF برای انیمیشنها، JPEG برای عکسها و PNG برای تصاویر اسکرین شات شده یا تصاویر با متن
- از svg برای گرافیک دقیق استفاده کنید که باید در هر دستگاه بسیار واضح باشد (به عنوان مثال لوگو ها)
- استفاده از قالبهای نسل بعدی (مانند WebP) را برای مرورگرهایی که از آن پشتیبانی میکنند در نظر بگیرید
- از تصاویر خیلی بزرگ برای طراحی وب سایت خود استفاده نکنید
- تصاویر خود را فشرده کنید (در صورت امکان از فشردهسازی با ضرر استفاده کنید - دادههای بیشتری را ذخیره میکند)
- آزمایش کنید و بهترین نسبت بین کیفیت و اندازه پرونده را پیدا کنید
- صفحات خود را حافظه پنهان (کش) کنید و از CDN استفاده کنید تا تصاویر خود را سریعتر در سراسر جهان ارائه دهید
- در صورت لزوم، اسکیما تصویری را نیز اضافه کنید (برای دستور العملها، تصاویر محصول، لوگوها و غیره مناسب است)
- برای صفحات بزرگتر، از بارگذاری لیزی لود تصویر استفاده کنید - چون باعث سرعت بخشیدن به زمان بارگیری میشود
