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

بهینه سازی تصاویر

شما برای استفاده از تصاویر باید از تگ های <img> یا<picture> استفاده کنید

استفاده از این تگ ها به ربات های خزنده گوگل این کمک را میکند تا تصاویر را پیدا و آنها را پردازش کنند. همچنین شما میتوانید با استفاده از ویژگی “loading=”lazy سرعت بالا آمدن سایت خود را افزایش دهید و آنرا برای اینترنت های کم سرعت بهینه کنید.

*از css برای آدرس دهی فایل های تصویری خود استفاده نکنید.

از ویژگی alt برای تصاویر خود استفاده کنید . این ویژگی به شما این امکان را میدهد که هنگامی که تصویر شما به هر دلیلی لود نمیشود،توضیحات برای تصویر شما به نمایش داده میشود. مثال :

Illustration showing the usefulness of good alt text for an image.

چرا از این ویژگی استفاده می کنیم؟

۱- اگر کاربر در حال مشاهده سایت شما با استفاده از فناوریهای کمکی مانند خواننده صفحه است ، محتویات صفت alt اطلاعات مربوط به تصویر را ارائه می دهد.
۲- اگر تصویر شما یک لینک است ، متن alt برای آن مانند یک تکیه گاه محتوایی برای لینک شما میشود که وقتی عکس لود نشد آن متن تبدیل به محتوای لینک میشود.
۳- استفاده از alt به شناخت و درک بهتر سایت شما توسط بات های خزنده موتور های جستجو می شود.

نکات استفاده از alt :

سعی کنید alt را متخصر بنویسید به طوری که کاملا واضح باشد
از نام های تصاویر مثل image1.jpg ، pic.jpg ، ۱٫jpg که عمومی هستند استفاده نکنید . شما میتوانید نامگذاری را اتوماتیک کنید و یا برای هر تصویر نامی بامسما بگذارید.
پر کردن alt با کلمات کلیدی سایت یکی از اشتباه ترین کار ها است که ممکن است شما را بعنوان اسپمر شناسایی کند.

سایت مپ :

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

پسوند تصاویر

شما باید سعی کنید از تصاویری استفاده کنید که دارای پسوند های عمومی هستند. بیشتر مرورگر ها از فرمت های تصویری JPEG, GIF, PNG, BMP,WebP پشتیبانی میکنند

ارسال دیدگاه برای %s