نکات کلیدی سئو تصاویر که باید بدانید

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

می بینید که این روز ها بحث سئو خیلی داغه، چون همه میخوان که سایتشون لینک صفحه اول گوگل بیاد تا آمار بازدید سایتشون زیاد بشه….

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

بیشترین چیز یا بهتره بگم اصلی ترین نکته ای که گوگل براش مهمه رضایت مخاطبینشه (کاربران) .

هر چقدر که کاربران

1- از سایت شما رضایت بیشتری داشته باشن ،

2- در سایت شما بیشتر حضور داشته باشن (عامیانشو گفتم ) ،

3- مطالب شما مفیدتر و ناب تر باشه گوگل از اینکه رضایت کاربرانشو جلب کردین، مطالب مفید گذاشتین به شما امتیاز میده هر چقدر امتیاز شما نسبت به رقبا بیشتر باشه شما به هدفتون که لینک صفحه یک گوگل باشه نزدیک تر میشین.

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

حالا یه نکته ای که وجود داره اینه که همینطور که ممکنه شما امتیاز مثبت بگیرین همونقدر هم ممکنه امتیاز منفی بگیرین یعنی گوگل نمره منفی هم داره (مثلا اینکه اگر تعداد کاربرایی که وارد سایت شما میشن ، همون لحظه  خارج میشن سریع خارج بشن زیاد باشه گوگل به شما امتیاز منفی میده یا حتی ممکنه سایت شما بلاک بشه . پس حواستون به محتوا و UI . UX سایتتون باشه.)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

سوالی که ممکن است پیش بیاید این است که از چه فرمتی برای عکس ها استفاده کنیم؟

معمولا از دونوع فرمت برای عکس استفاده می شود ، png , jpeg و بستگی به نیاز این این فرمت ها استفاده میکنیم. بهتر هست که برای عکس هایی که طیف رنگی گسترده ای دارن از فرمت استفاده کنید چون طبق آزمایشی که انجام دادیم عکس هایی که طیف رنگ زیادی دارن در فرمت جی فشرده تر می شوند و حجم عکس پایین تر می اید .

سایز اسکرین شاتی که ما از داشبورد وردپرس یک سایت تهیه کردیم، دارای 150kb در فرمت PNG و 259kb در فرمت JPEG بود. به یاد داشته باشید که فرمت PNG برای اسکرین شات ها مناسب تر است و در این تست، حجم فایل JPEG، 75 درصد بیشتر بود.

ما نتیجه تست ما بر روی عکسی که از محیط باز گرفته شده بود، نتیجه معکوس داشت. عکس زیر در فرمت JPEG دارای حجم 1.26mb و در فرمت PNG دارای حجم بسیار زیاد 7.23mb گردید. این مسئله بدین معنیست که حجم نسخه PNG بیش از 550 درصد بیشتر بود.

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

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

همچنین برای ابعاد تصویر(طول و عرض)، اطمینان داشته باشید که ابعادی را انتخاب کنید که متناسب با صفحه نمایش رایج کاربران و قالب سایت است(معمولا صفحه های نمایش ۲۵۶۰ پیکسل در طول خود دارند که در صورتی که از ابعادی بیشتر از این استفاه کنید مرورگر ها بصورت خودکار آن را کاهش می دهند)، به عنوان مثال اگر اندازه عکس شما 2000 در 1500 باشد اما اندازه عکس نمایش داده شما در سایت 200 در 150 پیکسل باشد این امر تا حد زیادی سرعت آپلود شدن عکس را کاهش می دهد، بهتر هست که با ابزار هایی مثل فوتوشاپ یا افزونه های معرفی شده زیر حجم و ابعاد سایز خود را کاهش دهید.

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

GIMP: نرم افزار ویرایشگر تصویر قابل دانلود شدن بصورت کراس پلتفرم است.
TinyPNG: از تکنیک های فشرده سازی هوشمند برای کاهش حجم فایل فایل های PNG و JPG استفاده می کند.
Smush: پلاگین فشرده سازی تصویر و بهینه سازی برای وردپرس.
MinifyWeb: خدمات رایگان برای فشرده سازی فایل های آنلاین وب.
توجه داشته باشید که در حال حاضر Google از متا داده ی EXIF ​​استفاده نمی کند، اما ممکن است از متا داده ی IPTC در خصوص اطلاعات کپی رایت استفاده کند.

تصاویر مرتبط و با کیفیت انتخاب کنید

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

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

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

نقشه تصاویر سایت

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

افزونه Yoast SEO در حال حاضر قادر به تولید چنین نقشه سایتی نیست و برای این کار بایستی از دیگر افزونه ها کمک بگیرید. افزونه Udinra All Image Sitemap بهترین افزونه برای انجام این کار در وردپرس محسوب می گردد.

فعال کردن قابلیت lazy load

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

چنین قابلیتی موجب افزایش سرعت سایت شده و در سئو تاثیر به سزایی خواهد داشت. افزونه های زیادی برای فعال کردن این امکان در مخزن وردپرس وجود دارند. از جمله همین افزونه Optimole قادر به فعالسازی Lazy Load است.

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

جمع بندی

1- برای فایل تصویر خد نامی مرتبط با موضوع بکذارید.

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

3- تصاویر مرتبط و با کیفیت انتخاب کنید.

4- نقشه تصاویر سایت داشته باشید.

5- فعال کردن قابلیت lazy load