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

این یک مثال درخشان از بهینه سازی ( سئو ) تصویر است، درست است؟ نه کاملا.

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

بیایید آن را تغییر دهیم.

بر اساس داده های سال 2018 از Jumpshot، بیش از 20٪ از تمام جستجوهای وب ایالات متحده در Google Images انجام می شود.

آماتورها و متخصصان سئو به طور یکسان می دانند که بهینه سازی تصاویر برای وب سایت شما ارزش زمان صرف شده را دارد.

دن مورگان در WebSpection با بهینه‌سازی تصویر خود در کمتر از چهار روز یکی از عکس‌های خود را به رتبه ۱ در Google Images به عنوان «بهترین فرد در کاردیف» رساند.

و رابی ریچاردز با افزودن تگ های جایگزین تصویر، فشرده سازی تصاویر و چند ترفند دیگر سئو، 150732 بازدید ایجاد کرد.

بدون بهینه سازی تصویر مناسب، یک دارایی ارزشمند سئو را هدر می دهید.

مثل این است که موتورهای جستجو Oreos و شیر را رایگان می دهند. اما، شما فقط Oreo را می گیرید. در واقعیت، Oreo بهتر است در شیر غوطه ور شود.

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

همانطور که مت ساترن اشاره کرد، بیانیه گری ایلیس در مورد جستجوی تصویر در چت اخیر Reddit:

ما به سادگی می‌دانیم که جستجوی رسانه‌ها نسبت به آنچه که می‌تواند برای ناشران انجام دهد بسیار نادیده گرفته می‌شود، بنابراین ما مهندسین بیشتری را به سمت آن و همچنین دسترسی بیشتر به آن معطوف می‌کنیم.»

اما چه عواملی برای اطمینان از اینکه تصاویر شما قابل یافت هستند و سرعت سایت شما را کند نمی کنند، مهم ترین هستند؟

در اینجا 12 نکته مهم برای بهینه سازی تصویر وجود دارد که باید بدانید.

تصویر در  سئو

1. فرمت مناسب را انتخاب کنید

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

در حالی که فرمت های تصویری زیادی برای انتخاب وجود دارد، PNG و JPEG رایج ترین برای وب هستند.

• PNG: تصاویر با کیفیت بهتری تولید می کند، اما با اندازه فایل بزرگتر ارائه می شود.
• JPEG: ممکن است کیفیت تصویر را از دست بدهید، اما می توانید سطح کیفیت را تنظیم کنید تا تعادل خوبی پیدا کنید.
• WebP: فشرده سازی بدون اتلاف یا با اتلاف را با استفاده از این انتخاب کنید، تنها فرمت تصویری که هم کروم و هم فایرفاکس پشتیبانی می کنند.

برای من، PNG قهرمان گمنام قالب بندی تصویر است. اما، برای استفاده روزانه من، PNG راهی است که باید آن را به WebP تبدیل کنید.

فقط مراقب باشید اگر از تصاویر jpg. در قالب SVG درون خطی استفاده می کنید، زیرا سیستم های Google نمی توانند این تصاویر را فهرست کنند .

2. تصاویر خود را فشرده کنید

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

موتورهای جستجو به صفحه وب شما مانند شما نگاه می کنند که ممکن است به یک vat بزرگ کریسکو نگاه کنید: شما نمی توانید به طور جدی به قرار دادن آن در وب سایت خود فکر کنید، درست است؟

بر اساس آرشیو HTTP، تصاویر به طور متوسط 21 درصد از وزن کل یک صفحه وب را تشکیل می دهند.

به همین دلیل است که من به شدت توصیه می کنم قبل از آپلود در سایت، تصاویر خود را فشرده کنید. شما می توانید این کار را در فتوشاپ انجام دهید یا می توانید از ابزاری مانند TinyPNG استفاده کنید.

TingPNG همچنین یک افزونه وردپرس دارد که می توانید از آن نیز استفاده کنید.

با این حال، من WP Smush را به عنوان افزونه وردپرس خود ترجیح می دهم. حجم فایل تصویر را بدون حذف کیفیت کاهش می دهد.

از هر افزونه ای که استفاده می کنید، مطمئن شوید که یکی را پیدا کنید که تصاویر را به صورت خارجی روی سرورهای خود فشرده کند. بار روی سایت شما را کاهش می دهد.

یا یک قدم جلوتر بروید و از یک CDN تصویر استفاده کنید که دستگاه را شناسایی کرده و تصویر را قبل از تحویل بهینه می کند. Cloudinary و Imgix دو گزینه برای امتحان هستند.

Increasingly.com با فشرده سازی تصاویر سرعت وب سایت را 33% در 2 ثانیه بهبود بخشید.

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

اگر مطمئن نیستید که چگونه تصاویر شما بر سرعت صفحه شما تأثیر می گذارد، توصیه می کنم از ابزار PageSpeed ​​Insights Google استفاده کنید .

تصویر در سئو :

3. ایجاد تصاویر منحصر به فرد

شما می خواهید عکس های شما در سایت شما ظاهر شود. اگر وب سایت خود را با تصاویر موجود پر کنید، غیراصلی به نظر می رسید – مانند هزاران سایت دیگر که برجسته نیستند.

بسیاری از وب‌سایت‌ها با همان عکس‌های استوک عمومی پر شده‌اند.

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

من مطمئن هستم که شما یکی را دیده اید که شبیه این است:

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

هرچه تصاویر اصلی بیشتری داشته باشید، تجربه بهتری برای کاربر و شانس شما برای رتبه بندی در جستجوهای مرتبط بهتر است.

به خاطر داشته باشید که تصاویر بزرگ به احتمال زیاد در Google Discover نمایش داده می شوند.

همانطور که گوگل در منبع سئوی پیشرفته خود توصیه می کند،

“تصاویر بزرگ باید حداقل 1200 پیکسل عرض داشته باشند و با تنظیم max-image-preview:large یا با استفاده از AMP فعال شوند.”

از لوگوی خود به عنوان تصویر استفاده نکنید.

4. مراقب کپی رایت باشید

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

خدمات پستی 3.5 میلیون دلار در دعوای حق چاپ تصویر پرداخت می کند. و از اسکچرز 2.5 میلیون دلار شکایت شد.

اگر Getty، Shutterstock، DepositFiles، یا برخی دیگر از ارائه دهندگان عکس سهام دارای تصویری هستند که شما استفاده می کنید، و شما مجوز استفاده از آن را ندارید، در این صورت در معرض خطر یک دادخواست گران قیمت هستید.

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

Google Images به شما امکان می دهد نتایج را بر اساس موارد موجود برای استفاده مجدد فیلتر کنید و Mindy Weinstein 41 وب سایت مختلف را برای یافتن تصاویر رایگان به اشتراک می گذارد.

5. نام فایل های تصویری را سفارشی کنید

وقتی صحبت از سئو به میان می آید، ایجاد نام فایل های توصیفی و غنی از کلمات کلیدی کاملاً حیاتی است.

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

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

به طور معمول، نام فایل ها شبیه “IMG_722019” یا چیزی شبیه به آن است. این مانند سفارش دادن از یک منو به زبانی دیگر است. کمکی به گوگل نمی کند.

نام فایل را از پیش فرض تغییر دهید تا به موتورهای جستجو کمک کنید تا تصویر شما را درک کنند و ارزش سئوی شما را بهبود بخشند.

بسته به گستردگی کتابخانه رسانه شما، این کار کمی کار می کند، اما تغییر نام تصویر پیش فرض همیشه ایده خوبی است.

بیایید وانمود کنیم که برای مثال تصویری از شکلات دارید.

من می توانم آن را به سادگی “شکلات” نام گذاری کنم، اما اگر شکلات را در وب سایت خود می فروشید، به طور بالقوه هر تصویر را می توان “chocolate-1″، “chocolate-2” و غیره نامگذاری کرد.

من نام این تصویر را “قهوه شکلاتی تیره” گذاشتم تا کاربران و موتورهای جستجو تصویر را درک کنند.

تصویر در سئو

6. متن جایگزین SEO-Friendly  سئو بنویسید

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

هنگامی که تصویر بارگیری نمی شود، یک کادر تصویر با تگ alt در گوشه بالا سمت چپ وجود دارد. مطمئن شوید که آنها با تصویر مطابقت دارند و تصویر را مرتبط می کنند.

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

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

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

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

متن جایگزین می تواند خوانده شود:

<img src=”chocolate-1.jpg” alt=”chocolate”/>

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

<img src=”chocolate-1.jpg” alt=”کافه با طعم شکلات تلخ”/>

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

7. به ساختار فایل تصویر فکر کنید

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

تکرار: مسیر فایل و نام فایل یک عامل رتبه بندی واقعی است.

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

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

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

در صفحه پشتیبانی گوگل آمده است:

همه عوامل اولیه سئوی درون صفحه شما مانند داده های متا، تگ های هدر، کپی روی صفحه، داده های ساختاریافته و غیره بر نحوه رتبه بندی تصاویر توسط گوگل تاثیر می گذارد .

مثل این است که تمام مواد را روی بوریتو خود قرار دهید. با guac طعمش بهتره بنابراین، مطمئن شوید که برای بهبود رتبه بندی تصاویر، guac را اضافه کنید.

9. ابعاد خود را تعریف کنید

اگر از AMP یا PWA استفاده می کنید، باید ابعاد تصویر خود را در کد منبع مشخص کنید.

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

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

ویژگی‌های ابعاد تصویر نیز برای جلوگیری از مسائل تغییر چیدمان تجمعی (CLS) که می‌توانند در بهینه‌سازی Core Web Vitals شما تداخل ایجاد کنند، مهم هستند.

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

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

10. تصاویر خود را برای موبایل مناسب کنید

اوه، سئوی موبایل. در بدترین حالت، می تواند نرخ پرش بالا و تبدیل کم به شما بدهد. اما، در بهترین حالت، می تواند به شما قدرت رتبه بندی بیشتر و تعامل بهتر کاربر را بدهد.

مشکل این است که چگونه تصاویر خود را برای شاخص موبایل اول بهینه می کنید؟

خوشبختانه، گوگل راهنمایی هایی را در مورد بهترین شیوه ها برای تصاویر ارائه می دهد.

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

موزیلا یک راهنمای جامع در مورد استفاده از ویژگی‌های srcset و sizes برای ارائه تصاویر منبع اضافی به مرورگر ارائه می‌دهد که امکان نمایش محتوای تصویری یکسان با تغییر اندازه برای دستگاه را فراهم می‌کند.

مهم است که این را با بخش متفاوتی از مقدار مشخصه در هر خط قالب بندی کنید، همانطور که در این مثال از منبع آنها نشان داده شده است:

<img srcset=”elva-fairy-480w.jpg 480w,

elva-fairy-800w.jpg 800w”

sizes=”(حداکثر عرض: 600 پیکسل) 480 پیکسل،

800 پیکسل”

src=”elva-fairy-800w.jpg”

alt=”الوا لباس پری پوشیده”>

در اینجا درباره استفاده از srcset برای تصاویر واکنشگرا بیشتر بیاموزید .

11. تصاویر را به نقشه سایت خود اضافه کنید

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

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

اگر از وردپرس استفاده می کنید، Yoast و RankMath راه حل نقشه سایت را در افزونه خود ارائه می دهند.

12. داده های ساخت یافته را اضافه کنید

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

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

نکات کلیدی بهینه سازی (سئو) تصویر

بنابراین، قبل از اینکه تصویر خود را در سایت خود آپلود کنید، حتماً آیین های بهینه سازی تصویر را از بالا دنبال کنید.

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