آموزش کامل سئو عکس برای تمام وبسایت ها

سئو تصویر به صورت خلاصه

 سئو عکس می تواند برگی برنده برای تجارت شما باشد.

برای موفقیت در سئوی تصویر، به موارد زیر توجه کنید:

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

سئو تصویر چیست؟

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

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

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

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

  1. تصاویر می توانند محرک بزرگی برای ایجاد ترافیک طبیعی و با کیفیت باشند. به ویژه اکنون که گوگل گزینه “مشاهده تصویر” را حذف کرده است، احتمال رفتن کاربران به صفحه شما بسیار بیشتر است.
  2. هنگامی که سئوی تصویر را انجام می دهید، به طور خودکار برای صفحه خوان ها بهینه سازی می کنید، در نتیجه به افراد کم بینا کمک می کنید تا وب سایت شما را نیز بهتر درک کنند.

شرط می بندیم حتما شما از خود می پرسید: آیا سئو تصویر برای من نیز محرک بزرگی جهت جذب بازدید کنندگان خواهد بود؟

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

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

تصاویر سه هدف را در ذهن من محقق می سازند:
1 - ترافیک جستجوی تصویر
2 - افزودن کیفیت به بخشی از محتوا
3 - بهبود نرخ تبدیل
ترافیک جستجوی تصویر نه تنها ازimages.google.com ، بلکه از جستجوی جهانی نیز ناشی می شود و این مهم است. برای بعضی از اهداف کاربر، گوگل فیلم ها و تصاویر را به طور برجسته در صفحه نتایج موتور جستجو نشان می دهد. اگر نتوانید از نظر طبیعی در رده بالا قرار بگیرید، این راه حلی عالی است.
از نظر کیفیت محتوا، تصاویر خوب تجربه کاربری بهتری را ارائه می دهند و مقاله را به اشتراک گذاشته و به آن پیوند می دهند. سعی کنید تصاویر و گرافیک های سفارشی را اضافه کنید و فقط به عنوان آخرین راه چاره به عکس های موجود برگردید.
همین مورد در مورد تبدیل ها صدق می کند: هرچه تصویر از نظر کیفیت و زمینه بهتر باشد، تأثیر آن بر تبدیل بیشتر است. از سوی دیگر، تصاویر از نظر بهینه سازی سرعت صفحه، یک چالش محسوب می شوند. شما باید اطمینان حاصل کنید که آنها به صورت فشرده، ذخیره شده و در لود شدن بهینه اند.

کوین ایندیگ، مدیر سئو، Shopify

تصاویر گوگل تقریباً 22% از کل سهم بازار موتور جستجو را تشکیل می دهند. این رقم عظیم و بزرگتر از سهم بازار موتور جستجو از یوتوب، فیس بوک، آمازون و ویکی پدیا است.
نمایندگان گوگل مدتی است که اشاره کرده اند انتظار دارند هر دو نوع جستجوی تصویر و ویدیو رشد بالاتری داشته باشند. همانطور که گوگل به طور مدام درصد کلیک های جستجو شده برای ناشران را از بین می برد، تصاویر ممکن است سرمایه گذاری قابل تأملی باشد.

سیروس شپارد، Zyppy

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

Peter Mead، Peter Mead iT

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

سام مک روبرتز، بازاریابی VUDU

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

فهرست کاملی از عواملی وجود دارد که بر رتبه بندی تصاویر شما تأثیر می گذارد:

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

در ادامه همه این موارد را به تفصیل توضیح خواهیم داد.

قابلیت کشف، کراولینگ و ایندکس شدن

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

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

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

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

بعضی از دستورالعمل ها درباره نقشه وب سایت XML تصویر:

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

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

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

اگر می خواهید تصاویر شما توسط موتورهای جستجو نمایه شوند، مطمئن شوید که دارای دستورالعمل noindex X-Robots-Tag HTTP Header  نیستند و با استفاده از هدر HTTP قانونی نمی شوند.

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

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

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

جان مولر به اندازه کافی مهربان بوده است تا عقاید ما در مورد noindex روبات ها و تأثیر آن بر تصاویر را تأیید کند.

تاثیر  robots noindex برروی ایندکس تصاویر

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

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

نتیجه جستجوی تصویر گوگل مورگان فری من

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

  1. imdb
  2. wikipedia
  3. britannica

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

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

موضوع صفحه ای که تصاویر شما در آن قرار دارند به شدت در رتبه بندی آنها تأثیر خواهد داشت. در رابطه با ویکی پدیا (نتیجه دوم) برای مثال “morgan freeman”، داشتن صفحه ای 4000 کلمه ای درباره او واقعاً به آنها کمک خواهد کرد؛ چرا که این امر ارتباط زیادی با تصاویر موجود در آن صفحه دارد.

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

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

جنیفر رایت، Go Fish Digital

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

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

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

بسیاری از متخصصان سئو، عوامل معمول رتبه بندی تصویر را می دانند: متن، زیرنویس ها، متن اطراف تصویر، عنوان مقابل تصویر و غیره. اما آنچه بسیاری در نظر نمی گیرند این است که فقط به حساب می آورد که تصویر برای چه رتبه بندی می تواند باشد و در باره محبوبیت تصویر چیزی به ما نمی گوید، که این نیز مهم است. بنابراین، گوگل چگونه محبوبیت تصاویر را اندازه گیری می کند؟ کاملاً ساده است: از تصویر چند بار استفاده شده است؟!

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

Martin Missfeldt

تصاویر مرتبط

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

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

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

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

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

استیو توت، SEO Notebook

کپشن تصویر و متن های پیرامون

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

در اینجا مثالی از استفاده کپشن در سئو عکس یکی از مقالات ما وجود دارد:

استفاده از کپشن در سئو عکس

در اینجا مثالی از تصویر با متن مرتبط و پیرامون آن آورده شده است:

متن مرتبط و پیرامون عکس

ویژگی های تصویر

در اینجا مثالی از HTML برای یک تصویر آورده شده است:

				
					<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="morgan freeman graduating high school" title="آموزش کامل سئو عکس برای تمام وبسایت ها" data-lazy-src="https://example.com/images/morgan-freeman-graduating-high-school.jpeg"><noscript><img src="https://example.com/images/morgan-freeman-graduating-high-school.jpeg" alt="morgan freeman graduating high school" title="آموزش کامل سئو عکس برای تمام وبسایت ها"></noscript>

				
			

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

در اینجا تجزیه و تحلیل خصوصیات تصویری وجود دارد:

  • نام فایل تصویری
  • فرمت تصویر
  • مسیر URL تصویر
  • ویژگی srcset تصویر برای ارائه تصاویر ریسپانسیو
  • ویژگی alt تصویر

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

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

  • خوب: morgan-freeman-mgraduating-high-school
  • بد: photo

فرمت های تصویر

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

  • خوب: .jpeg برای عکس
  • بد: .gif برای صفحه شما که قرار است جزئیات را نشان دهد

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

فرمت تصویر

بهترین استفاده برای

(JPEG (JPG

عکس ها

PNG

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

GIF

تصاوير متحرك

SVG

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

WebP

WebP که توسط گوگل توسعه یافته است، جایگزینی برای JPG و PNG است که می تواند بهتر فشرده شود. هنوز در Safari پشتیبانی نمی شود (و در اینترنت اکسپلورر نیز پشتیبانی نمی شود). ما معتقدیم که WebP پتانسیل زیادی دارد و آن را به عنوان آینده فرمت های تصویر می شناسیم. برای تبدیل تصاویر به قالب WebP از Webpurr یا Squoosh استفاده کنید.

اغلب می بینیم که تصاویر PNG به اشتباه استفاده شده اند. با آنکه داشتن لوگو یا نقاشی کوچک به عنوان PNG به طور کلی خوب است، اما اغلب تصاویر بزرگ را به جای داشتن قالب JPEG یا WebP در این قالب نیز می بینیم. این امر منجر به ایجاد تصاویر PNG می شود که تا 10 برابر بزرگتر از نسخه JPEG بوده و سرعت وب سایت ها را به میزان قابل توجهی کاهش می دهد. افزونه ShortPixel Image Optimizer امکان تبدیل خودکار PNG ها به JPEG را دارد و تنها درصورتی که تصویر حاصل از تصویر کوچکتر باشد این کار را انجام می دهد. این امر به کاربران ما این امکان را می دهد که فقط پلاگین را تنظیم کرده و سپس آن را فراموش کنند. زیرا از بهترین قالب تصویر به طور خودکار استفاده خواهد شد. الکس فلورسکو، پیکسل کوتاه

الکس فلورسکو, ShortPixel

مسیر URL تصویر

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

  • خوب:  /images/morgan-freeman-graduating-high-school.jpeg
  • بد: /wp-content/uploads/2016/09/images/morgan-freeman-graduating-high-school.jpeg

ویژگی srcset تصویر برای ارائه تصاویر ریسپانسیو

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

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

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

				
					<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-srcset="/images/morgan-freeman-graduating-high-school-400.jpg 375w, /images/morgan-freeman-graduating-high-school-800.jpg 768w" alt="morgan freeman graduating high school" title="آموزش کامل سئو عکس برای تمام وبسایت ها" data-lazy-src="/images/morgan-freeman-graduating-high-school.jpeg"><noscript><img src="/images/morgan-freeman-graduating-high-school.jpeg" srcset="/images/morgan-freeman-graduating-high-school-400.jpg 375w, /images/morgan-freeman-graduating-high-school-800.jpg 768w" alt="morgan freeman graduating high school" title="آموزش کامل سئو عکس برای تمام وبسایت ها"></noscript>

				
			

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

اگر می خواهید تصاویرتان در چشم بسیار واضح به نظر برسند، می توانید تصاویری با تراکم پیکسل دو برابر تصویر معمولی ارائه دهید. اگر تصویر عادی شما 300×600 است و

morgan-freeman-graduating-high-school. jpeg

نامیده می شود، پس تصویر رتینا شما باید 1200 * 600 باشد و 

[email protected]

نامیده شود.

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

جف چانگ ، Jeff Chang blog

سئوی تصویر در رابطه با چگونگی تأثیر فایل های تصویری بر عملکرد است - نه فقط در گوگل ایمیج - و آنها از اساسی ترین عواملی هستند که باعث کاهش زمان بارگیری می شوند. تصاویر را از طریق CDN ارائه دهید و از اندازه های انطباقی استفاده کنید تا از بارگیری تصاویر بیشتر از آنچه که لازم است، توسط کاربران جلوگیری کند. ابزارهای زیادی در دسترس است که به شما کمک می کنند کار را آسان تر کنید؛ حتی اگر فنی نیستید. به عنوان مثال، Responsive Breakpoints می تواند کد srcset را برای تصاویر سازگار ایجاد کند بدون آنکه نیازی به کدنویسی داشته باشید.

استیون کنوریت، Rise at Seven

ویژگی alt تصویر

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

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

سرعت صفحه از عوامل رتبه بندی برای موتورهای جستجو است (از ماه مه 2021 به بعد در Core Web  Vital اضافه شد).  این امر باعث می شود بارگیری سریع تصاویر نیز مهم باشد. علاوه بر این، تصاویر با همان بودجه کراولینگ صفحات و اطلاعات دیگر شما استفاده می شوند.

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

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

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

  • کاهشی: اندازه فایل به طور قابل توجهی کاهش می یابد، اما کیفیت تصاویر کم می شود. این گزینه باعث می شود تصاویر با سریع ترین حالت ممکن بارگذاری شوند.
  • بدون کاهش: حجم فایل به طور متوسط ​​کاهش می یابد و کیفیت تصاویر کم نمی شود. این گزینه در بارگیری سریع تصاویر به شما کمک چندانی نمی کند.
  • براق: این حد وسطی طلایی بین “کاهشی” و “بدون کاهش” است، که میان کاهش حجم فایل و افت کیفیت تعادل ایجاد می کند.

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

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

برنامه های آنلاین:

ابزارهایی مناسب برای وردپرس:

ابزاری که برای Magento مناسب است: TinyPNG

برنامه دسک تاپ: ImageOptim

اخیراً، بزرگترین موضوعی که برای سئوی تصویر روی آن تمرکز کرده ام، تصاویر بزرگ و انواع مناسب تصویر است. خرد کردن، اسکواش، بهینه سازی، هموار سازی و استفاده از ابزار مورد علاقه من گوگل کروم – Squoosh این بخش، قسمت بزرگی از وب سایت هایی است که اخیراً در آنها کار کرده ام و قبل از اینکه بتوانیم درباره نامگذاری تصویر، مت alt ، عناوین و متن بسیار مهمی که پیرامون تصویر است، صحبت کنیم - باید سریع بارگیری شود. این که آیا تصویر (ها) از قبل بهینه سازی شده و مستقیماً در وب سایت خود بارگذاری شوند، با استفاده از پلاگین هایی برای بهینه سازی اندازه / انواع تصویر، از طریق CDN یا روش های دیگر به صورت برنامه ریزی شده قبل از ورود تصاویر به سرور، در هر مورد مبحثی وجود دارد. من از اینکه کروم بارگذاری تنبل بومی را اضافه کرده بسیار هیجان زده هستم و برای امتحان کردن آن بی تابم!

جس جویس، Jess Joyce

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

بوکه ون وین ، TinyPNG

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

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

ارائه تصاویر از طریق CDN

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

از حافظه پنهان مرورگر استفاده کنید!

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

 

از بارگذاری تنبل برای تصاویر استفاده کنید!

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

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

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

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

تحولات بسیاری در رابطه با بارگذاری تنبل وجود دارد، همانطور که گوگل در 6 آگوست 2019 اعلام کرد که با   کروم 76 شروع به پشتیبانی محلی بارگذاری تنبل می کند. ما هنوز منتظر هستیم سایر مرورگرهای بزرگ در این مسیر قدم بگذارند؛ بنابراین این صفحه Can I Use را تحت نظر داشته باشید. این مسئله بسیار امیدبخش به نظر می رسد؛ زیرا بدان معنی است وقتی پشتیبانی کافی از مرورگرهای دیگر وجود داشته باشد دیگر نیازی به اجرای بارگذاری تنبل از طریق JavaScript نیست. پس زمان بارگذاری صفحه کاهش یافته و کل روند کراولینگ و ایندکس تصاویر شما توسط موتورهای جستجو نیز تسریع می شود.

از Schema برای برقراری ارتباط متن استفاده کنید!

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

در اینجا مثالی از کد وجود دارد که به تصویری ارجاع می دهد:

				
					<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.example.com/academy/image-seo/"
    },
    "headline": "Image SEO: the Ultimate Guide",
    "image": {
        "@type": "ImageObject",
        "@id": "https://www.example.com/academy/image-seo/#primaryimage",
        "url": "https://www.example.com/media/social-cards/og-en-example-image-seo@2x.png",
        "width": 1200,
        "height": 600,
        "caption": "Image SEO guide"
    },
    "datePublished": "2019-05-17T08:00:00+08:00",
    "dateModified": "2019-05-17T09:20:00+08:00",
    "author": {
        "@type": "Person",
        "name": "Steven van Vessum"
    },
    "publisher": {
        "@type": "Organization",
        "name": "example",
        "logo": {
          "@type": "ImageObject",
          "url": "https://www.example.com/wp-content/uploads/2019/05/example-logo@3x.png"
        }
    },
    "description": "A useful guide on increasing your images' rankings"
}
</script>
				
			

چند نکته:

  • اطمینان حاصل کنید که تصاویر ارجاع داده شده در نشانه گذاری Schema.org شما قابل کراولینگ و ایندکس هستند؛ همانطور که در بخش “قابلیت کشف، کراولینگ و ایندکس” توضیح داده شده است.
  • تصاویر باید با محتوا صفحه مرتبط باشند.
  • تصاویر باید دارای فرمت jpg ،png یا Gif باشند.
  • تصاویر را با وضوح بالا و نسبت های زیر ارائه دهید: 9*16, 4*3 و 1*1

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

وقتی صحبت از تصاویر می شود، یادآوری اصول مهم است و این در حالی است که گوگل در شناخت محتوای تصاویر پیشرفت های چشمگیری داشته است؛ اما هنوز سیستمی بی عیب و نقص نیست.
به عنوان مثال، من عکس زیر را با نام پرونده orange-ice-cream.jpg بارگذاری کردم و Cloud Vision گوگل 70% مطمئن است که محصولی خوب است - و فقط 62% مطمئن است که این محصول دسر است.
شما باید اطمینان حاصل کنید که کار را برای گوگل آسان می کنید و به آن سیگنال های بیشتری می دهید تا تصاویر را به درستی شناسایی کند. بسیاری از توصیه های گوگل از سال 2012 تغییر نکرده اند و اگرچه اساسی هستند، اما می توانند کار تصاویر را برای وب سایت شما بسیار سخت تر کنند.

دن تیلور ، SALT.agency

تعریف کردن تصاویر Open Graph و Twitter Cards

اگر به بازدید از شبکه های اجتماعی اهمیت می دهید، تعریف Open Graph و تصاویر کارت Twitter مهم هستند. همین مورد به تنهایی دلیل بزرگی برای تعریف آنهاست.

اگرچه به طور مستقیم بر رتبه شما تأثیر نخواهد گذاشت، اما ما معتقدیم که تعریف تصاویر Open Graph و    Twitter Card  به صفحات شما محتوا و به موتور های جستجو عکس اضافه می کند.

ابزارهایی برای کمک به شما در تحلیل پتانسیل بهینه سازی تصویر

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

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

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

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

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

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

5 2 رای ها
رأی دهی به مقاله

امیرحسین شریفی

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

اشتراک در
اطلاع از
2 نظرات
بازخورد (Feedback) های اینلاین
View all comments

واقعا عالی ممنون از اطلاعات کاملتون