بهینه سازی تصاویر – SEO image موضوعی است که کمتر از بقیه موارد سئو و بخصوص سئو تکنیکال به آن توجه می شود. با این حال آنها بخش بزرگی از صفحات ما و اتفاقا مهمترین عناصر در نمای نمایش هستند. تصاویر منحصر به فرد با کیفیت بالا یک کالای ارزشمند در جستجو هستند که به شما کمک می کنند تا در رده بندی از رقبایی که از تصاویر جاهای دیگر استفاده می کنند پیشی بگیرید.
در راهنمای کامل بهینه سازی تصاویر – SEO image، همه مواردی را که هنگام بهینه سازی تصاویر برای جستجو باید در نظر بگیرید ، بررسی می کنیم.
فهرست مطالب
در راهنمای کامل بهینه سازی تصاویر – SEO image به موارد زیر برای بهینه سازی تصویر می پردازیم.
۱. در صورت امکان از تصاویر منحصر به فرد استفاده کنید
۲. قالب های مناسب تصویر انتخاب کنید
۳. فشرده سازی تصاویر
۴. شفاف سازی ابعاد تصویر
۵. بارگذاری lazy تصاویر خارج از صفحه
۶. متن جایگزین تصویر اضافه کنید
۷. نشانه گذاری Schema اضافه کنید
۸. از تصاویر خود در برابر سرقت محافظت کنید
۹. ممیزی تصویر را با WebSite Auditor اجرا کنید.
۱. برای بهینه سازی تصاویر، در صورت امکان از تصاویر منحصر به فرد استفاده کنید
کمترین خطر استفاده از تصاویر دیگران این است که ممکن است حق کپی رایت را نقض کنید. در این صورت، عواقب مختلفی را در معرض خطر قرار می دهید ، از درخواست برای حذف تصویر گرفته تا جریمه شدن. بنابراین، اگر از تصاویر اصلی استفاده نمی کنید ، مطمئن شوید که مجوز آنها اجازه می دهد تا آنها در وب سایت شما استفاده شوند.بهینه سازی تصاویر را جدی بگیرید.
عطش گوگل برای تصاویر منحصر به فرد از اهمیت کمتری برخوردار نیست. هر زمان که ما به دنبال یک محصول یا هر چیز واقعی هستیم، گوگل قصد دارد تا آنجا که ممکن است تصاویر مختلف آن شی را نشان دهد. بنابراین، اگر شما یک وب سایت تجارت الکترونیک هستید و از تصاویر مشابه محصولات دیگران استفاده می کنید ، شانس شما برای ورود به SERP بسیار کم است.
به عنوان مثال ، در اینجا من به دنبال یک محصول نسبتاً ناشناخته هستم که تعداد کمی از فروشگاه ها آن را دارند. از آنجا که رقابت زیادی وجود ندارد، گوگل این فروشگاه ها را با لزوم داشتن تصاویر منحصر به فرد اذیت نمی کند ولی چاره ای ندارد جز اینکه عکس های یکسانی را بارها و بارها نشان دهد:
اما ببینید وقتی یک محصول محبوب را که در هزاران فروشگاه موجود است جستجو می کنم ، چه اتفاقی می افتد:
به محض این که گوگل انتخابی دارد ، هیچ تصویر تکراری در جستجو وجود ندارد – عمیق تر می شود تا محصول را از زوایای مختلف نشان دهد. پس اگر شما ارائه دهنده این تصاویر منحصر به فرد هستید ، شانس شما برای ظاهر شدن در SERP به طرز چشمگیری افزایش می یابد.
۲. برای بهینه سازی تصاویر قالب های مناسب تصویر را انتخاب کنید
اگر شما هم مانند من هستید ، ممکن است لحظه ای را که JPEG و PNG دیگر فرمت های پیش فرض تصویر نبودند را از دست داده باشید. امروزه فرمت های ترجیحی AVIF ، JPEG 2000 ،PEG XR و WebP هستند. این فرمت ها در مدیریت فشرده سازی بهتر عمل می کنند و بنابراین می توانند سبک تر شوند ، که منجر به زمان بارگذاری بهتر و بهبود کلی تجربه کاربر می شود. تجربه کاربری بهتر هم منجر می شود به موقعیت های بهتر در جستجو.
از چهار قالب تصویر ذکر شده در بالا ، ابتدا روی WebP تمرکز می کنیم که به عنوان جهانی ترین فرمت تصویر برای وب در نظر گرفته می شود. از فشرده سازی بدون ضرر و فشرده سازی پشتیبانی می کند ، شفافیت را امکان پذیر می کند و می تواند متحرک شود. در اصل ، در این فرمت PNG ،JPEG و GIF همه به یک چیز تبدیل شده اند. علاوه بر این ، فایل های WebP 25 تا ۳۵ درصد سبک تر از PNG ها و JPEG های با کیفیت مشابه هستند.
تنها نگرانی این است که WebP در گذشته توسط برخی از مرورگرها پشتیبانی نمی شد. اگرچه امروزه، از زمانی که safari وارد عرصه شد، این فرمت در بیش از ۹۰ درصدsessions ها پشتیبانی می شود. با این حال، اگر می خواهید بیشتر مراقب باشید ، می توانید صفحات خود را طوری تنظیم کنید که WebP در صورت پشتیبانی توسط مرورگر و در صورت عدم پشتیبانی ، فرمت متفاوتی داشته باشد.
۳. برای بهینه سازی تصاویر ،فشرده سازی تصاویر را جدی بگیرید
اگرچه فرمت های نسل بعدی در حال حاضر سبک هستند ، اما می توانید با اجرای تصاویر خود از طریق نرم افزار فشرده سازی ، حجم آنها را کوچک کنید.
اینجا جایی است که بسته به پلتفرم وب سایت خود ، چندین گزینه دارید. برخی از پلتفرم های تجارت الکترونیک به طور پیش فرض تصاویر را فشرده می کنند. در حالی که برخی دیگر دارای طیف وسیعی از افزونه ها هستند که تصاویر شما را هنگام بارگذاری آنها فشرده می کند یا حتی تصاویری را که قبلاً در وب سایت شما استفاده شده را فشرده می کند.
اگر نمی خواهید این کار را به افزونه ها بسپارید که تا حدی سرعت صفحه را کاهش می دهند ، می توانید تصاویر خود را قبل از آپلود در سایت فشرده کنید. بسیاری از ابزارهای آنلاین رایگان وجود دارد که فشرده سازی را برای شما اجرا می کند. سپس می توانید تصاویر فشرده را دانلود کرده و در وب سایت خود بارگذاری کنید.
در نهایت ، می توانید از طراح خود بخواهید تا تصاویر را با استفاده از ویرایشگرهای گرافیکی فشرده کند یا خودتان این کار را انجام دهید.
در اینجا فشرده سازی یک عکس توسط سایتTinyPNG آمده است.
این یک انتخاب تصادفی تصویر بود. و معمولا میزان کاهش حجم بین ۳۰ تا ۷۰ درصد متغیر است.
۴. شفاف سازی ابعاد تصویر باعث بهینه سازی تصاویر می شود
در اینجا نکته دیگری وجود دارد که ممکن است بر رتبه بندی شما تأثیر منفی بگذارد. وقتی ابعاد تصویر را در نظر نمی گیرید، مرورگر مدتی را صرف می کند تا اندازه مناسب تصاویر شما را روی صفحه مشخص کند. در این حال از دید کاربر، به نظر می رسد که عناصر صفحه در حال رقصیدن هستند .صفحه تا زمانی که جا نیفتد غیر قابل استفاده است.
این تغییر layout shift نامیده می شود و توسط Google به عنوان بخشی از ارزیابی تجربه کاربر اندازه گیری می شود.
برای جلوگیری از این مشکل ، همیشه ویژگی های عرض و ارتفاع را برای تصاویر خود تعیین کنید ، مانند موارد زیر:
<img src=”pillow.jpg” width=”640″ height=”360″ alt=”purple pillow with flower pattern” />
با استفاده از این اطلاعات ، هر مرورگری ابعاد تصویر شما را محاسبه کرده و فضای کافی را در صفحه ذخیره می کند. بنابراین ، حتی اگر تصویر شما بلافاصله بارگیری نشود ، سایر عناصر صفحه بر سر فضا مبارزه نمی کنند.
۵. بارگذاری lazy load تصاویر باعث بهینه سازی تصویر می شود.
یکی دیگر از ناهنجاری های مربوط به تصویر که می تواند تجربه کاربری را بهبود بخشد، به تعویق انداختن تصاویر خارج از صفحه است. در اصل ، این بدان معناست که شما تصاویر را تا زمانی که به آنها نیاز ندارید بارگذاری نکنید. در عکس زیر تصاویر بالا بلافاصله بارگذاری می شوند ، در حالی که تصاویر پایین صفحه فقط هنگامی که به آنها پیمایش می کنید بارگیری می شوند.
این رویکرد منابع بیشتری را برای بارگذاری قسمت بالای صفحه آزاد کرده و بازدید صفحه را سریعتر می کند.
۶. متن جایگزین تصویر اضافه کنید و به بهینه سازی تصویر کمک کنید
Alt text یکی از ویژگی های تصویر است که حاوی توضیحات درباره آن است. در ابتدا هدف اصلی آن زمانی بود که نمیشد تصویر را دانلود کرد و یا برای بازدیدکنندگان دارای مشکل بینایی قرار داده شده بود.
اما از نظر SEO ، هدف از نوشتار متنی توصیف تصویر برای موتور جستجو است. مسلماً این توضیح در گذشته اهمیت بیشتری داشت. زمانی که موتورهای جستجو توانایی تفسیر تصاویر با استفاده از هوش مصنوعی را نداشتند. اما این فناوری هنوز کاملاً دور از دسترس نیست و موتورهای جستجو هنگام ارائه متن توصیفی alt اطمینان بیشتری نسبت به نمایش تصاویر شما در جستجو احساس می کنند.
یک متن جایگزین خوب ، آن چیزی است که تصویر را دقیقاً توصیف می کند – با جزئیات کافی ، اما بدون پر کردن کلمات کلیدی. بیایید از تصویر زیر به عنوان مثال استفاده کنیم:
در این تصویر alt را می توان به شکلهای مختلف نوشت.
می تواند بیش از حد عمومی باشد: <img src=”sample.jpg” alt=”coffee”>
یا می توان آن را بیش از حد بهینه کرد: <img src=”sample.jpg” alt=”coffee latte art cappuccino latte flat white”>
و یا گزینه ی بهتر: <img src=”sample.jpg” alt=”barista shows how to make latte art”>
حالا،
بیایید متن alt خود را با آنچه Google بدون یک متن alt مشاهده می کند مقایسه کنیم. من تصویر را به API Cloud Vision گوگل اضافه کرده ام و نتیجه اینجاست:
در حالی که اشیاء به درستی شناسایی شده اند ، تعاریف کاملاً کلی هستند و تفسیر تصویر به دقت متن alt که خودم می توانم ارائه دهم، نیست.مقاله راهنمای کامل بهینه سازی تصاویر – SEO image هنوز ادامه دارد.
۷. نشانه گذاری Schema اضافه کنید
نشانه گذاری طرح (Schema markup) مجموعه ای از برچسب های HTML است که برای اطلاع از محتوای صفحه شما در Google استفاده می شود. به عنوان مثال ، اگر شما یک تجارت محلی هستید. می توانید از برچسب ها استفاده کنید تا به Google بگویید که کدام بخش از محتوای صفحه شما آدرس است. کدام شماره تلفن است و غیره. به این ترتیب گوگل نسبت به نمایش اطلاعات شما در جستجو اطمینان بیشتری پیدا می کند.
از نظر تصاویر ، دو نوع صفحه وجود دارد که در آنها استفاده از داده های ساختار یافته منطقی است: صفحات محصول و صفحات دستور. هر دو طرح و محصول دارای برچسب های تصویری اختصاصی هستند. اگر از آنها به درستی استفاده کنید . Google قادر خواهد بود از تصاویر شما برای ایجاد قطعات غنی در SERP استفاده کند:
می توانید تصاویر را در صفحات خود به صورت دستی تگ کنید. از یک افزونه اختصاصی برای نشان دادن خودکار تصاویر استفاده کنید. همچنین می توانید از ابزار Structured Data Markup Helper استفاده کنید .
فقط برای اینکه مثالی از کل ماجرا بزنم ، شما را در مراحل نشانه گذاری در Markup Helper گوگل راهنمایی می کنم. تنها کاری که باید انجام دهید این است که نوع صفحه ای را که روی آن کار می کنید انتخاب کنید. نوع آن را در اینجا مشخص کنید.
نوع Schema را در Markup Helper انتخاب کنید.
این ابزار صفحه را رندر می کند. شما می توانید به عناصر مختلف صفحه اشاره کنید و از منوی کشویی آن عناصر را انتخاب کنید:
عناصر صفحه را در Markup Helper تگ کنید
پس از اتمام برچسب گذاری عناصر صفحه ، می توانید قطعه کد نشانه گذاری را دانلود کنید. به قسمت <head> صفحه خود اضافه کنید.
۸. از تصاویر خود در برابر سرقت محافظت کنید
سرقت تصویر یک امر بسیار رایج در اینترنت است . شما را در معرض از دست دادن منحصر به فرد بودن تصاویر خود قرار می دهد. بدتر از این ، اگرسایتی که از تصاویر شما استفاده می کند برای SEO بهتر بهینه شده باشد ، می تواند از شما پیشی بگیرد. توجه به این مورد به بهینه سازی تصویر کمک می کند.
برای جلوگیری از این امر ، از دولوپر خود بخواهید ویژگی های تصویر خاصی را اضافه کنند که نشان می دهد صاحب تصویر کیست.
سه ویژگی مهم عبارتند از:
Author (artist; creator) – جایی که نویسنده تصویر را قرار می دهید ؛
copyrightNotice – جایی که پیوند مجوز حق چاپ و توضیحات آن را قرار می دهید ؛
source (credit) – جایی که پیوند را به وب سایت خود یا وب سایتی که از آن عکس گرفته اید اضافه می کنید.
اگر رقبای شما فقط کدی را که برای یکپارچه سازی تصویر استفاده کرده اید کپی کنند ، Google همچنان شما را مالک واقعی می داند و به دلیل این برچسب ها به شما اولویت می دهد.
۹. ممیزی تصویر را با WebSite Auditor اجرا کنید
با همه مواردی که تا به حال به آن پرداخته ایم ، روند بهینه سازی تصویر را از کجا شروع می کنید؟ و چگونه آن را برای عملکرد کارآمد سازماندهی می کنید؟ یک راه این است که وب سایت خود را با WebSite Auditor ممیزی کرده و همه مسائل مربوط به تصویر خود را در یک داشبورد واحد سازماندهی کنید.
ابتدا WebSite Auditor را راه اندازی کنید ، یک پروژه برای وب سایت خود ایجاد کنید و منتظر بمانید تا ابزار تمام صفحات شما را پیمایش کند. پس از اتمام کار ، گزارش کاملی از ده ها مورد از مشکلات فنی وب سایت خود دریافت خواهید کرد. یک بلوک جداگانه به تصاویر اختصاص داده می شود. در آن می توانید بررسی کنید که آیا تصاویر شکسته ای دارید و آیا هیچ یک از متون alt شما وجود ندارد. روی هر یک از مسائل کلیک کنید و لیست کاملی از منابع مشکل ساز در سمت راست دریافت خواهید کرد:
برای مسائل بیشتر مربوط به تصویر ، به پایین اسکرول کنید تا به بخش سرعت صفحه برسید . در آنجا می توانید ببینید آیا فرصت هایی برای بهبود عملکرد صفحه از طریق تصاویر وجود دارد یا خیر. به طور خاص ، آیا تغییر اندازه ، تأخیر ، کدگذاری مجدد ، قالب بندی مجدد یا بارگذاری پیش از هر یک از تصاویر منطقی است.
از آنجا که حجم کار می تواند بسیار زیاد باشد و کار بر روی تصاویر شما یک کار خسته کننده است. می توانید کار را از نظر اهمیت صفحات خود یا با پیشرفت هایی که بیشترین افزایش عملکرد را به شما می دهند ، در اولویت قرار دهید. برای انجام این کار ، به ساختار سایت> صفحات بروید. جایی که می توانید تمام مشکلات فنی خود را بر اساس صفحه مشاهده کنید.
در پایان
اگر همه چیز را در مقاله راهنمای کامل بهینه سازی تصاویر – SEO image تا به اینجا خوانده اید. تبریک می گویم! اکنون تقریباً همه آنچه را که باید بدانید می دانید تا بتوانید رتبه بندی را در تصاویر خود افزایش دهید.
اگر فصل های خاصی را انتخاب کرده اید و فقط آنها را خوانده اید – این نیز جالب است. خوشحالم که حداقل چیزی مفید پیدا کرده اید.
دلیلی وجود دارد که بهینه سازی تصویر نادیده گرفته می شود-سخت ، وقت گیر و دشوار است. اما اگر تمام توصیه های اینجا را جدی بگیرید .هم چنین برای پیاده سازی آن فراتر بروید ، نتایج آن را به زودی در رتبه بندی خواهید دید .
