سئو تصاویر

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

چرا جستجوی تصاویر اهمیت دارد

در حالی که آمار دقیقی وجود ندارد،‌ اما گوگل اعلام کرده است که هر روزده ها میلیون ها نفر از Google Images برای کشف و جستجوی محتوای تصویری موجود در وب استفاده می کنند. با توجه به گفته های سایت Moz، از کل پرس و جو های انجام شده در امریکا، تقریبا ۲۷٪ آن مربوط به جستجوی تصاویر می باشد.

جستجوی تصاویر

حدودا یک سال پیش گوگل دکمه ی «View Image» را با دکمه ی «Visit» جایگزین کرد با این کار به جای اینکه گوگل تصاویر را به نمایش در اورد شما را به صفحه ای که حامل این تصاویر است هدایت می کند. در نتیجه ی این کار تحلیل گر ها افزایش بی سابقه ای را در انتقال تعداد بازدید کنندگان تصاویر و محتوا از طریق تصاویر گوگل به سایت های میزبان ثبت کردند. در کنار پشتیبانی از محتوا و ارتقای تجربه ی کاربری، تصاویر بار دیگر منبعی بسیار مهم برای کسب ترافیک بشمار می روند و نباید آن را درست کم بگیریم.

فاکتورهای سئو تصاویر

انتخاب نام مناسب و توصیفی تصاویر برای سئو

یکی از اولین و مهمترین فرصت های سئو تصاویر نام اصلی فایل تصاویر است. نام فایل ها باید با دقت انتخاب شود و بهتر است که از کلمات کلیدی برای نام آن ها استفاده کنید. همچنین بهتر است که از کلمات ربط در نام فایل ها کمتر استفاده کنید و خط ربط (-) بجای آن ها استفاده کنید(برای مثال milad-towr-night.jpg).

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

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

توجه داشته باشید که برچسب های عنوان HTML صفحه میزبان نیز در نتایج جستجوی تصویر نمایش داده می شود پس باید توجه داشته باشید که آن ها را مرتبط با تصویر در نظر بگیرید.

انتخاب فرمت، اندازه و ابعاد مناسب برای تصاویر

حجم فایل تصویر می تواند تاثیر بسیاری بر روی مدت زمان بارگذاری صفحه بگذارد پس مهم است که آن را به درستی انتخاب کنید. معمولا فرمت تصویر JPEG نسبت به PNG بیشتر با سئو سازگار هستند، خصوصا زمانی که شما نیازی به یک پس زمینه شفاف ندارید، چون فرمت تصویر JPEG فشرده سازی بیشتری را می توانند نسبت به سایر فرمت تصویر ها ارائه دهد. لوگوها و دیگر گرافیک های باکیفیت با وضوح بالا می توانند به طور معمول از فرمت SVG مبتنی بر بردار(vector) استفاده کنند(مطمئن باشید که سرور های شما آن ها را فشرده و کش می کنند). از فرمت GIF برای نمایش انیمیشن های ساده ای استفاه کنید که به مقیاس رنگ زیادی نیاز ندارند(معمولا بهتر است آن ها را به ۲۵۶ رنگ محدود کنید). در صورتی که می خواهید از انیمیشن های با کیفیت و طولانی استفاده کنید بهتر است آن ها را در قالب ویديو به کاربر نمایش دهید.

در تصاویر نکته ای که حائر اهمیت است انداز واقعی آن ها است که باید کیلوبایت (KB) باشد، تا جایی که امکان دارد سعی کنید آن را به کمتر از ۱۰۰ کیلوبایت برسانید. در صورتی که لازم است از یک فایل بزرگ درصفحه استفاده کنید(برای نمونه hero ها و بنر های)، شما می توانید از فرمت تصویر progressive در JPG استفاده کنید، در این مورد تصاویر به مرور زمان بعد از صفحه بارگذاری خواهند شد، و در ابتدا یک نسخه بسیار کم حجم از تصویر به صورت تار به نمایش در خواهد آمد و به مرور زمان با دانلود بیشتر حجم، تصویر شفاف تر خواهد شد تا اینکه کل حجم تصویر دانلود می شود. پس شروع کنید که بهترین فرمت های تصویر را برای محتوای تصویر خود انتخاب کنید که بتوانند نیاز های شما را به خوبی پوشش بدهند.

در حالی که Google Lighthouse و PageSpeed Insights به شما فرمت های خاص تر فشرده سازی را پیشنهاد می کنند(مانند JPEG 2000، JPEG XR و WebP)، ما هنوز توصیه نمی کنیم که از این فرمت های تصویر استفاه کنید چون هنوز بسیار از مرورگر ها و ارائه دهنده های CDN از این فرمت ها پشتیبانی نمی کنند.

همچنین برای ابعاد تصویر(طول و عرض)، اطمینان داشته باشید که ابعادی را انتخاب کنید که متناسب با صفحه نمایش رایج کاربران و قالب سایت است(معمولا صفحه های نمایش ۲۵۶۰ پیکسل در طول خود دارند که در صورتی که از ابعادی بیشتر از این استفاه کنید مرورگر ها بصورت خودکار آن را کاهش می دهند)، همچنین می توانید با استفاده از CSS کاری کنید که تصاویر شما ریسپانسیو و واکنش گرا باشد(با این کار تصاویر بصورت خودکار خود را با ابعاد صفحه نمایش و پنجره مطابقت می دهند). بسته به نیازهای بصری وب سایت شما، ممکن است مجبور شوید که نسخه ها و ابعدا متفاوتی را از یک تصویر یکسان ذخیره کنید که بصورت پویا بتوانید بهترین و بهینه ترین مورد را بسته به صفحه نمایش کاربر عرضه کنید(برای موبایل، تبلت، یا تغییر اندازه در پنجره های دسکتاپ). این کار می تواند به صورت خودکار از طریق استفاده از پلاگین ها یا با استفاده از عناصر <picture> و یا المان <srcset> انجام شود.

چند ابزار فشرده سازی تصویر محبوب:

  • GIMP: نرم افزار ویرایشگر تصویر قابل دانلود شدن بصورت کراس پلتفرم است.
  • TinyPNG: از تکنیک های فشرده سازی هوشمند برای کاهش حجم فایل فایل های PNG و JPG استفاده می کند.
  • Smush: پلاگین فشرده سازی تصویر و بهینه سازی برای وردپرس.
  • MinifyWeb: خدمات رایگان برای فشرده سازی فایل های آنلاین وب.

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

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

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

درگذشته وبسایت هار تکیک CSS sprites برای بالا بردن سرعت بارگذاری سایت های استفاده می کردند، این تکنیک به این صورت بود که کل تصاویر سایت را به عنوان یک تصویر کلی بر روی یک هاست دیگر ذخیره می شدو به این صورت دیگر برای بارگذاری یک صفحه نیازی به درخواست مکرر از سرور برای ارسال جداگانه هر تصویر نیست چون تفریبا هر درخواست HTTP به ۴۰۰ میلی ثانیه زمان احتیاج دارد و به این صورت با یک درخواست تمامی تصاویر مورد نیاز با یک در خواست وارد سایت می شدند. اما حالا HTTP/2 این امکان را می دهند که در خواست ها به صورت هم زمان به سرور ارسال و پردازش بشوند پس دیگر نیازی به استفاده از این روش نیست بسته به نیاز خود می توانید تصمیم بگیرد که تصاویر را به یک هاست منتقل کنید.

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

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

در هر صورت توجه داشته باشید که HTTP/2 برای دامنه، زیر دامنه و همجنین CDN شما فعال شده باشد.

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

نمونه های کنترل کش با استفاده از mod_headers فایل htaccess (سمت چپ) یا mod_expires (راست)

بارگذاری صحیح تصاویر بر روی صفحات

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

حتی با وجود اینکه پروتکل شبکه HTTP/2 پروسه بارگذاری چندین تصویر را در سایت بهبود داد، استفاده از lazy loading برای بار گذاری تصاویر با حجم بالا می تواند بهبود عملکرد قابل توجه در کارایی فراهم بیاورد(خصوصا در مقالات سنگین و گالری تصاویر). تکنیک های lazy loading به صفحه ها این امکان را می دهند که بارگذاری سایت به پایان برسد و زمانی که کاربر شروع اسکرول کردن صفحه می کند تصاویر به ترتیب بارگذاری می شوند. اگر چه این تکنیک می تواند سرعت صفحه را بهبود بخشد، اما اگر به درستی اجرا نشد، می تواند ایندکس کردن تصویر را تحت تأثیر قرار دهد.

توجه: اگر شما می خواهید تجربه ی اسکرول بی نهایت را اجرا کنید، مطمئن شوید که از بارگذاری صفحه بندی پشتیبانی می کند، و به طور بالقوه از برچسب های <no script> اضافی برای تصاویر و غیره استفاده کنید.

نقشه ی سایت تصاویر زمانی که کراول و ایندکس کردن تصاویر سایت شما با مشکل مواجه است می تواند بسیار به درد بخور باشد. اینکه تصاویر بخشی از ساختار داده ای سایت شما باشند می تواند کمک بسیار زیادی به سایت شما بکند چون در این صورت تصاویر می توانند شامل چرخنده های تصاویر و نتایج غنی نیز بشوند.

مقیاس تصاویر را به اندازه واقعی آن تبدیل کنید. اطمینان داشته باشید که تصویر شما ابعاد بزرگتری نسبت به انچه که در مرورگر نمایش می دهید نداشته باشد، مثلا امکان دارد که شما در پست خود ابعاد 800×600 پیکسل را برای تصاویر تعریف کرده آید اما تصویری که داخل آن قرار داده شده است یک تصویرFULL HD با ابعاد 1920×1080 قرار داده شده باشدکه مطمئنا کار عاقلانه ای نیست. این کار یکی از روش های قابل توجه برای استفاده از تصویر مناسب برای سایت می باشد و با این کار زمان و حجم صفحه شما به میزان بسیار زیادی کاهش پیدا می کند.

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

از یک تگ تصویر منظم برای اینکس تصاویر خود استفاده کنید: همچنین در صورتی که می خواهید تصاویر شما در گوگل ایندکس شود و رنک بگیرد، باید به این نکته توجه کنید، شما باید از تگ رایج HTML یعنی <img src> استفاده کنید. در طول این چند سال معمولا گوگل منابعی که در پس زمینه با استفاده از CSS بارگذاری می شوند را ایندکس نکرده است. همچنین به این نکته توجه کنید که فایل robots.txt شما مانع کراول کردن تصاویر شما نشود.

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

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

Google Lighthouse و PageSpeed Insights ابزار های رسیدگی هستند که شما می توانید به صورت دستی صفحه هایی را به آن نعرفی کنید و به شما راجب به فشرده سازی و تنظیمات کش گزارش هایی را نشان می دهد.

گزارش عملکرد جستجوی تصویر

گزارش از جستجوی تصویر با استفاده از گوگل آنالیتیکس معمولا آسان نیست. در طول سال ها گوگل ترافیک تصاویر را چندین بار بروزرسانی کرده است(سویچ بین ارجاعی و ارگانیک از google.com/image به images.google.com) که در نهایت اخیرا اعلام کرد ساده ترین را برای گزارش عملکرد جستجوی تصاویر بر روی سایت شما از طریق کنسول جستجوی گوگل است.

برای نمایش عملکرد تصاویر بر روی گوگل، وارد کنسول جستجوی تایید شده ی خود بشوید سپس وارد Performance report و از search type بخش Image را انتخاب کنید سپس بر روی Apply کلکی کنید.

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

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

  • شما نمی توانید نام واقعی فایل را در SERP ها ببینید اما به جای آن صفحه ها درج شده اند(صفحه های میزبان عکس)، که به این معنی است این ابزار نمی تواند تصاویر متفاوت بر روی یک صفحه را از همدیگر متمایز کند
  • از لحاظ موقعیتی که تصاویر در آن نمایش داده می شود تقریبا بسته به عرض صفحه نمایش بستگی دارد پس موقعیت هایی که تصویر در آن نمایش داده می شوند زیاد قطعی نیست اما بسته به دوری آن ها از اولین عکس می توان تقریبی را در نظر گرفت(موقعیت ها از سمت چپ به راست و از بالا به پایین شمرده می شوند)
  • در صورتی که تصویری در SERP ها نمایش داده شود(نه در صفحه مربوط به تصاویر Images)، کلیک ها، تاثیر و موقعیت آن بصورت جداگانه در نتایج عادی وب به نمایش در می ایند.
  • فقط کلیک هایی که کاربران را به باز کردن صفحه ی میزبان تصاویر می انجاد از این دسته حساب می شوند. در سوی دیگر تمامی تاثیرات ثبت و ضبط می شوند(تصاویر شاخص یا باز شونده) اما فقط یکبار بر اساس URL میزبان شمرده می شوند(چندین تصویری که از یک URL در SERP ها وجود دارد همگی یکبار بر روی صفحه اصلی خود تاثیر می گذارند)

تشخیص تصویر و ویژگی های جدید جستجوی تصاویر

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

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

گوگل، مانند بازاریابان، پتانسیل جستجوی عکس را به عنوان یک ابزار کشف الهام بخش و بصری می داند که می تواند برای کسب درآمد بیشتر و کسب ترافیک بیشتر از آن استفاده کند و هنوز هم اهرم قدرت خود را اختیار خودش داشته باشد چون علاقه مردم را به Amazon Spark و Pinterest (که به تازگی عمومی شده است) دیده است.

جمع بندی

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

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

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