12 نکته مهم سئوی تصویر که باید بدانید

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

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

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

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

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

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

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

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

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

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

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

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

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

"ما به سادگی می دانیم که جستجوی رسانه برای آنچه که می تواند برای ناشران انجام دهد بسیار نادیده گرفته شده است، بنابراین ما مهندسان بیشتری را به سمت آن و همچنین دسترسی بیشتر به آن سوق می دهیم."

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

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

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

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

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

PNG: تصاویر با کیفیت بهتری تولید می کند، اما با اندازه فایل بزرگتر ارائه می شود.

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

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

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

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

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

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

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

با توجه به آرشیو 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 میلیون دلار در دعوای حق چاپ تصویر پرداخت می کند. و Skechers به دلیل 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 نیز برای استراتژی کلی سئو در صفحه مفید است. شما می خواهید مطمئن شوید که تمام قسمت های بهینه سازی دیگر در جای خود هستند، اما اگر تصویر به هر دلیلی بارگذاری نشد، کاربران خواهند دید که تصویر قرار است چه باشد.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

elva-fairy-800w.jpg 800w”

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

800 پیکسل”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

بهینه سازی مبارک!