تاثیر تصاویر در سئو

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

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

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

و بسیاری از موارد دیگر که وجود تصاویر مسبب آنها خواهد شد ! از زمان‌های گذشته نیز تصاویر یک بستر مناسب را برای مخاطبان ایجاد می‌کردند برای مثال در اولین روزنامه‌ها و مجلات نیز انتشار تصاویر باعث شدند تا وجه بصری به شکل قابل توجهی تغییر نموده و موضوعات طراحی و ترکیب رنگ و … مطرح شوند .

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

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

ضمن درک اهمیت استفاده از تصاویر ، لازم است بدانید که چند نکته مهم در مورد استفاده از تصاویر وجود دارند که شما در تمامی وب سایت‌ها با هر دسته‌بندی موضوعی ، ملزم به درنظر گرفتن آنها هستید :

• همانند محتوای متنی ، تصاویر نیز نباید کپی شده باشند . هر اندازه تصاویر شما توسط خودتان تهیه شوند به همان اندازه شما معتبر و فعال شناخته خواهید شد چراکه درحال غنی سازی محتوای بخش تصویری گوگل هستید .
• تا حد امکان سعی کنیم تا تصاویر در اندازه های مشخص و مناسب در سایت ارسال شوند .
• کیفیت تصاویر باید مناسب باشد به این معنی که جزئیات آن بخوبی قابل مشاهده باشد ( از قرار دادن تصاویر مات و تار بشدت دوری کنید )
• حجم تصاویر باید بسیار کم و بهینه باشد تا در سرعت بارگذاری سایت تاثیر منفی نداشته باشد
• استفاده از اینفوگرافیک‌ها جهت داشتن سئو بهتر و ایجاد تصاویر جدیدتر داخل وب فارسی
• توضیح بصری و گام به گام توسط تصاویر جهت درک مطلب توسط کاربر ( سناریو سازی هوشمندانه )
• ویژگی alt حتما قرار داده شده و متن مناسب مرتبط با تصویر داخل آن نوشته شود ، همچین حتی اگر ویژگی alt خالی باشد ، حتما آن را قرار دهید

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

کپی کردن تصاویر از سایر منابع

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

مورد دوم این است که سعی کنیم تا تصاویر سایت در اندازه‌های مشخص ارسال شوند . برای مثال درقسمت مقالات برای تمامی تصاویر اندازه 850 * 400 پیکسل را در نظر گرفته‌ایم و برای محصولات تمامی تصاویر در اندازه 700 * 700 ارسال می‌شوند . به این ترتیب کار ما در زمینه تصاویر استاندارد می‌شود . اندازه تصاویر و تناسب آنها نیز برای موتور های جستجو مهم هستند و نباید اینگونه باشد که تصاویر در هر اندازه‌ای در سایت ارسال شوند .

کیفیت تصاویر مسبب جذب کاربر است !

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

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

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

اینفوگرافیک ها ( تصاویر حاوی اطلاعات )

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

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

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

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

تاثیر تصاویر در سئو با ویژگی Alt

شاید یکی از مهم‌ترین موضوعات در تاثیر تصاویر در سئو این باشد ! ویژگی نهایی در رابطه با تصاویر داشتن ویژگی Alt است .  Alt یا همان Alternate Text به معنی متن جایگزین می‌باشد . این ویژگی در واقع یک توضیح درباره تصویر است که موتورهای جستجو در وجود داشتن یا نداشتن آن بسیار حساس هستند و به شکل زیر است :

<img src="....." alt="Alternate Text Here">

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

مقدار ویژگی Alt باید یک توضیح مرتبط با تصویر باشد که اگر موتورهای جستجو تگ‌های مربوط به تصویر را ایندکس کردند ، متوجه شوند تا این تصویر مربوط به چیست و چه موضوعی را پوشش می‌دهد . ضمن اینکه در هنگام بروز هرگونه مشکل ( مثل بارگذاری نشدن کامل تصاویر از سمت سرور ) این متن بجای تصاویر به کاربران سایت نمایش داده خواهد شد .

استفاده بیشتر از تصاویر مساوی سئو بهتر ؟!

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

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

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

تکنیک CSS Sprite برای کاهش درخواست‌ها به سمت سرور

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

البته درنظر داشته باشید که این تکنیک برای زمانی که از تگ img استفاده می‌کنیم کاربردی نیست و تنها برای قسمت background-image در دستورات css کاربردی است . اما با این وجود یادگیری آن خالی از لطف نیست . به تصویر زیر دقت کنید :

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

#home {
  background: url('img/img_navsprites_hover.gif') 0 -45px;
}

#prev {
  background: url('img/img_navsprites_hover.gif') -47px -45px;
}

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

فرمت های جدید تصاویر را امتحان کنید !

در گذشته تصاویر و همچنین ویدیوها ، فرمت‌های مختلفی داشتند که اکنون بسیاری از آنها را نمی‎‌بینیم . فرمت‌های شناخته شده برای تصاویر که درحال حاضر در اکثر وب‌سایت ها استفاده می‌‌شود فرمت‌های png برای تصاویری که اکثرا فاقد پس‌زمینه هستند و فرمت jpg یا jpeg برای تصاویر با پس‌زمینه است .

هنگامی که از یک فرمت تصویر استفاده می‌کنیم انتظار داریم تا هم کیفیت مناسبی داشته و هم‌اینکه حجم قابل قبولی داشته باشد . فرمت webp یکی از فرمت‌های چندسال اخیر است که از لحاظ کیفیت ، بسیار عملکرد بهتری از فرمت های png و jpg داشته و علاوه براین حجم ( سایز ) آن نیز به مراتب پایین است .

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

فعال کردن LazyLoad برای تصاویر

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

<img data-lazyloaded="1" src="">

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

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

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