بهترین روش های سئوی تصویر گوگل
Google چندین ویژگی و محصولات جستجو را ارائه می دهد که به کاربران کمک می کند اطلاعات را به صورت بصری کشف کنند در وب، مانند تصاویر نتیجه متن، Google Discover، و تصاویر گوگل در حالی که هر ویژگی و محصول متفاوت به نظر می رسد، توصیه های کلی برای نمایش تصاویر در آنها یکسان است.
میتوانید با دنبال کردن بهترین موارد، تصاویر خود را برای نمایش در نتایج جستجوی Google بهینه کنید تمرینات:
به ما کمک کنید تصاویر خود را کشف و فهرست کنیم
شرایط فنی برای دریافت شما محتوای موجود در نتیجه جستجوی Google برای تصاویر نیز کاربرد دارد. از آنجایی که تصاویر به طور قابل ملاحظه ای هستند فرمت متفاوت در مقایسه با HTML، به این معنی است که نیازهای اضافی برای دریافت تصاویر وجود دارد نمایه شده به عنوان مثال، پیدا کردن تصاویر در سایت شما متفاوت است، و ارائه آن متفاوت است تصاویر همچنین بر ایندکس شدن یک تصویر و کلمات کلیدی مناسب تأثیر میگذارند.
از عناصر تصویر HTML برای جاسازی تصاویر استفاده کنید
استفاده از عناصر استاندارد تصویر HTML به خزنده ها کمک می کند تا تصاویر را پیدا کرده و پردازش کنند. گوگل HTML را تجزیه می کند
<img>
عناصر (حتی زمانی که در عناصر دیگری مانند
<picture>
عناصر) در صفحات شما برای نمایه سازی تصاویر، اما CSS را فهرست نمی کند.
تصاویر.
خوب:
<img src="puppy.jpg" alt="یک توله سگ گلدن رتریور" />
بد:
<div style="background-image:url(puppy.jpg)">یک توله سگ گلدن رتریور</div>
از نقشه سایت تصویری استفاده کنید
میتوانید نشانی اینترنتی تصاویری را که ممکن است در غیر این صورت توسط آنها کشف نکرده باشیم، ارائه کنید ارسال نقشه سایت تصویر.
برخلاف نقشههای سایت معمولی، میتوانید آدرسهای اینترنتی سایر دامنهها را در آن قرار دهید
<image:loc>
عناصر نقشه سایت تصویر. این به شما امکان می دهد از CDN ها (محتوا
شبکه های تحویل) برای میزبانی تصاویر. اگر از CDN استفاده می کنید، توصیه می کنیم
مالکیت را تأیید کنید
از نام دامنه CDN در Search Console تا بتوانیم شما را از هرگونه خطای خزیدن مطلع کنیم
ممکن است یافت شود.
تصاویر واکنش گرا
طراحی صفحات وب ریسپانسیو منجر به تجربه کاربری بهتر می شود، زیرا افراد می توانند به آنها دسترسی داشته باشند در طیف گسترده ای از انواع دستگاه. رجوع به ما شود راهنمای تصاویر پاسخگو تا در مورد بهترین شیوه های مدیریت تصاویر در وب سایت خود بیاموزید.
صفحات وب از عنصر <picture>
یا ویژگی srcset
یک
عنصر
img
برای تعیین تصاویر پاسخگو. با این حال، برخی از مرورگرها و خزنده ها این کار را نمی کنند
این ویژگی ها را درک کنید توصیه می کنیم همیشه یک URL بازگشتی را از طریق آن مشخص کنید
ویژگی
src
.
ویژگی srcset
اجازه می دهد تا نسخه های مختلف یک تصویر را مشخص کنید،
به طور خاص برای اندازه های مختلف صفحه نمایش مثلا:
<img
srcset="maine-coon-nap-320w.jpg 320w, maine-coon-nap-480w.jpg 480w, maine-coon-nap-800w.jpg 800w"
sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px"
src="maine-coon-nap-800w.jpg"
alt="A watercolor illustration of a maine coon napping leisurely in front of a fireplace">
عنصر <picture>
ظرفی است که برای گروه بندی مختلف استفاده می شود
<source>
نسخه های یک تصویر. این یک رویکرد بازگشتی ارائه می دهد بنابراین
مرورگر بسته به قابلیت های دستگاه مانند تراکم پیکسل و صفحه نمایش می تواند تصویر مناسب را انتخاب کند
اندازه. عنصر picture
همچنین برای استفاده از فرمتهای تصویر جدید مفید است
تخریب برازنده داخلی برای مشتریانی که ممکن است هنوز فرمت های جدید را پشتیبانی نکنند.
مطابق
بخش 4.8.1 استاندارد HTML،
اطمینان حاصل کنید که یک عنصر img
را به عنوان یک بازگشت با یک src
ارائه می کنید.
ویژگی هنگام استفاده از عنصر picture
با استفاده از قالب زیر:
<picture>
<source type="image/svg+xml" srcset="pyramid.svg">
<source type="image/webp" srcset="pyramid.webp">
<img src="pyramid.png" alt="An 1800s oil painting of The Great Pyramid">
</picture>
از فرمت های تصویری پشتیبانی شده استفاده کنید
جستجوی گوگل از تصاویر در قالب های زیر پشتیبانی می کند: BMP، GIF، JPEG، PNG، WebP و SVG. داشتن آن نیز ایده خوبی است پسوند نام فایل شما با نوع فایل مطابقت دارد.
همچنین میتوانید تصاویر را بهعنوان دادههای URI درج کنید. URI های داده راهی برای گنجاندن یک فایل، مانند an
تصویر، با تنظیم ویژگی src
یک عنصر img
به عنوان یک
رشته کدگذاری شده با Base64 با استفاده از فرمت زیر:
<img src="data:image/svg+xml;base64,[data]">
در حالی که تصاویر درون خطی می توانند درخواست های HTTP را کاهش دهند، به دقت قضاوت کنید که چه زمانی از آنها استفاده کنید زیرا می تواند اندازه صفحه را به میزان قابل توجهی افزایش دهید. برای اطلاعات بیشتر در این مورد، به بخش مزایا و معایب قرار دادن تصاویر در صفحه web.dev ما.
برای سرعت و کیفیت بهینه سازی کنید
عکسهای باکیفیت بیشتر از تصاویر تار و نامشخص برای کاربران جذابیت دارند. همچنین تصاویر واضح تر هستند برای کاربران در تصویر کوچک نتیجه جذاب است و می تواند احتمال دریافت ترافیک از آن را افزایش دهد کاربران با این حال، تصاویر اغلب بزرگترین عامل در اندازه کلی صفحه هستند که میتواند باعث شود صفحات کند و پر هزینه برای بارگذاری مطمئن شوید که آن را اعمال کنید آخرین بهینه سازی تصویر و تکنیک های تصویر پاسخگو برای ارائه تجربه کاربری با کیفیت بالا و سریع.
سرعت سایت خود را با PageSpeed Insights و از ما دیدن کنید چرا سرعت اهمیت دارد؟ برای یادگیری در مورد بهترین شیوه ها و تکنیک ها برای بهبود عملکرد وب سایت.
صفحات فرود تصویر را بهینه کنید
در حالی که بلافاصله مشخص نیست، محتوا و ابرداده صفحاتی که یک تصویر در آن جاسازی شده است می تواند تأثیر زیادی بر نحوه و مکان ظاهر شدن تصویر در نتایج جستجوی Google داشته باشد.
عنوان و توضیحات صفحه خود را بررسی کنید
جستجوی Google به طور خودکار یک پیوند عنوان و قطعه تولید می کند تا هر نتیجه را به بهترین شکل توضیح دهد نحوه ارتباط آن با پرس و جو کاربر این به کاربران کمک می کند تا تصمیم بگیرند که روی یک نتیجه کلیک کنند یا نه. در اینجا دو مثال آورده شده است که چگونه پیوندهای عنوان و قطعه ممکن است در یک نتیجه جستجوی Google ظاهر شوند صفحه:
ما از تعدادی منابع مختلف برای این اطلاعات استفاده می کنیم، از جمله اطلاعات موجود در
برچسب های
title
و meta
برای هر صفحه.
شما می توانید به ما در بهبود کیفیت پیوند عنوان و قطعه نمایش داده شده برای صفحات شما کمک کنید دنبال کردن عنوان گوگل و دستورالعمل های قطعه.
داده های ساخت یافته را اضافه کنید
اگر داده های ساختاریافته را در نظر بگیرید، گوگل می تواند تصاویر شما را به طور مشخص نمایش دهد نتایج غنی، از جمله a نشان برجسته در Google Images، که اطلاعات مرتبطی را در مورد صفحه شما به کاربران می دهد و می تواند هدفمندی بهتری داشته باشد ترافیک به سایت شما
دستورالعمل های کلی داده های ساختاریافته را دنبال کنید و همچنین هر گونه دستورالعمل خاص برای نوع داده ساختاریافته شما؛ در غیر این صورت داده های ساخت یافته شما ممکن است برای نمایش نتایج غنی در Google Images واجد شرایط نباشد. در هر یک از این داده های ساخت یافته نوع، ویژگی تصویر یک فیلد ضروری برای واجد شرایط بودن برای نشان و نتیجه غنی در Google است تصاویر. در اینجا دو مثال آمده است که چگونه نتایج غنی در Google Images ممکن است به نظر برسند:
استفاده از نام فایل های توصیفی، عنوان، و متن جایگزین
گوگل اطلاعات مربوط به موضوع تصویر را از محتوای آن استخراج می کند صفحه، از جمله شرح و عنوان تصویر. تا جایی که ممکن است، مطمئن شوید که تصاویر در نزدیکی آن قرار دارند متن مرتبط و در صفحاتی که با موضوع تصویر مرتبط هستند.
به همین ترتیب، نام فایل میتواند سرنخهای بسیار سادهای در مورد موضوع تصویر به گوگل بدهد.
در صورت امکان، از نامهای فایل کوتاه، اما توصیفی استفاده کنید. مثلا،
my-new-black-kitten.jpg
بهتر از IMG00023.JPG
است. از مصرف عمومی خودداری کنید
نام فایل هایی مانند image1.jpg
، pic.gif
، 1.jpg
در صورت امکان.
اگر سایت شما هزاران تصویر دارد، ممکن است بخواهید نامگذاری خودکار را در نظر بگیرید
تصاویر. اگر تصاویر خود را بومی سازی می کنید، به یاد داشته باشید که نام فایل ها را نیز ترجمه کنید
دستورالعملهای رمزگذاری URL اگر از آن استفاده میکنید
کاراکترهای غیر لاتین یا خاص
مهمترین ویژگی در ارائه ابرداده بیشتر برای یک تصویر، متن جایگزین است (متنی که یک تصویر را توصیف می کند)، که همچنین دسترسی را برای افرادی که نمی توانند تصاویر را ببینند بهبود می بخشد. در صفحات وب، از جمله کاربرانی که از صفحهخوانها استفاده میکنند یا اتصالات پهنای باند پایینی دارند.
گوگل از متن جایگزین همراه با الگوریتم های بینایی کامپیوتر و محتویات صفحه استفاده می کند موضوع تصویر را درک کنید همچنین متن جایگزین در تصاویر به عنوان متن لنگر مفید است تصمیم گرفتید از یک تصویر به عنوان پیوند استفاده کنید.
هنگام نوشتن متن جایگزین، روی ایجاد محتوای مفید و غنی از اطلاعات که از کلمات کلیدی استفاده می کند، تمرکز کنید
مناسب و در چارچوب محتوای صفحه است. از پر کردن alt
خودداری کنید
صفات با کلمات کلیدی (همچنین به عنوان
پر کردن کلمات کلیدی)
زیرا منجر به تجربه کاربری منفی می شود و ممکن است باعث شود سایت شما به عنوان هرزنامه دیده شود.
بد (متن جایگزین وجود ندارد):
<img src="puppy.jpg"/>
بد (کلمه کلیدی پر کردن):
<img src="puppy.jpg" alt="توله سگ توله سگ توله سگ توله سگ توله سگ سگ رتریور لابرادور گرگ ستر نشانگر توله سگ جک راسل توله سگ تریر غذای سگ ارزان سگ فود غذای توله سگ"/>
بهتر:
<img src="puppy.jpg" alt="توله سگ"/>
بهترین:
<img src="puppy.jpg" alt="توله سگ دالماسی در حال بازی کردن واکشی"/>
همچنین دسترسی به متن جایگزین خود را در نظر بگیرید
دستورالعمل های W3.
برای عنصر <img>
، می توانید ویژگی alt
را اضافه کنید
عنصر، در حالی که برای عناصر <svg>
درون خطی، می توانید از آن استفاده کنید
عنصر
<title>
. مثلا:
<svg aria-labelledby="svgtitle1">
<title id="svgtitle1">Googlebot wearing an apron and chef hat, struggling to make pancakes on the stovetop</title>
</svg>
ما توصیه می کنیم محتوای خود را توسط ممیزی برای دسترسی و با استفاده از شبیه ساز اتصال شبکه کند.
از پیوند درون خطی Google Images انصراف دهید
در صورت انتخاب، می توانید از نمایش تصویر با اندازه کامل در جستجوی Google Images جلوگیری کنید صفحه نتایج با انصراف از پیوند درون خطی در نتایج جستجوی Google Images. برای انصراف از پیوند درون خطی:
- وقتی تصویر شما درخواست شد، آن را بررسی کنید سرصفحه ارجاع دهنده HTTP در درخواست
-
اگر درخواست از یک دامنه Google است، با
200
کد وضعیت HTTP پاسخ دهید، یا یک204
کد وضعیت HTTP و بدون محتوا.
Google همچنان صفحه شما را می خزد و تصویر را می بیند، اما یک تصویر کوچک ایجاد شده را نمایش می دهد در زمان خزیدن در نتایج جستجو این انصراف در هر زمانی امکان پذیر است و نیازی به آن ندارد پردازش مجدد تصاویر یک وب سایت. این رفتار به عنوان تصویر در نظر گرفته نمی شود پوشش و به صورت دستی منتج نمی شود اقدامات.
متناوبا، شما می توانید از نمایش کامل تصویر در نتایج جستجو جلوگیری کنید.
بهینه سازی برای جستجوی ایمن
SafeSearch تنظیمی در حسابهای کاربری Google است که مشخص میکند نمایش داده شود، محو شود یا مسدود شود. تصاویر، ویدیوها و وبسایتهای صریح در نتایج جستجوی Google. مطمئن شوید که گوگل آن را درک کرده است ماهیت سایت شما تا Google بتواند در صورت لزوم فیلترهای SafeSearch را در سایت شما اعمال کند. درباره برچسب زدن صفحات برای جستجوی ایمن بیشتر بیاموزید.