نماد سایت بلاگ ایران هاست

فاکتورهای کلیدی و آموزش بهینه سازی تصاویر سایت برای موتورهای جستجو

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

بسیاری از بازدیدکنندگان برای لود یک صفحه وب سایت در کامپیوترهای دسکتاپ ۳ ثانیه و در دستگاه های موبایل ۵ ثانیه منتظر می مانند از این رو بهینه سازی تصاویر سایت برای وب و سئو عکس های سایت اهمیت پیدا میکند و برای کاربران این پرسش ایجاد می شود که راه های بهینه سازی تصاویر چیست. لذا اگر شما تصاویری دارید که باعث می شود بیش از ۱۵ ثانیه لود آن زمان ببرد باید منتظر کاهش بازدیدکنندگان خود باشید.

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

بهینه سازی عکس چیست؟

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

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

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

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

بیشتر بخوانید: حذف همه موارد گوگل

مباحث بسیار مهم برای بهینه سازی تصاویر سایت

مباحث مفید برای بهینه سازی تصاویر سایت

مباحث نه چندان مهم برای بهینه سازی عکس برای سایت

مباحث غیر قطعی و در حال تغییر برای بهینه سازی تصاویر سایت

بر اساس تجربیات متخصصین SEO، موارد بالا معمولا ۸۰% از کل مراحل عملیات بهینه سازی مناسب برای تصاویر در گوگل را تشکیل می دهند.

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

 فاکتورهای رتبه بندی روی عکس ها (بهینه سازی تصاویر سایت Onpicture)

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

۱ –بهینه سازی تصاویر سایت برای سایت با توجه به ابعاد تصویر

ابعاد یک تصویر باید حداقل ۳۲۰ پیکسل و حداکثر ۱۲۸۰ پیکسل باشد. عکس های کوچکتر معمولا رتبه های پایینی را به خود اختصاص می دهند و عکس های بزرگتر نیز تنها در صورتی در نتایج جستجو نمایش داده می شوند که کاربر به صورت دستی گزینه Large Image را انتخاب نماید.

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

[irp posts=”۱۲۵۴۹″ name=”۴ راهکار بهینه سازی کلمات کلیدی (Keywords) برای افزایش ترافیک و بازدید وسایت”]

۲ – نسبت فرمت تصاویر و بهینه سازی تصاویر سایت

برای دستیابی به بهترین رتبه ها سعی کنید همواره فرمت معمولی یا نرمال (یعنی مربعی یا SQUARE با نسبت ابعاد ۴:۳ تا ۱۶:۱۰ ) را برای تصاویر خود انتخاب نمایید. عکس هایی که نسبت طول و عرض آن ها اختلاف فاحشی از هم دارند، معمولا رتبه های پایین تری را کسب می کنند. دلیل منطقی این امر، حفظ ظاهر صفحه جستجو تصاویر موتور جستجوگر می باشد. از آن جا که گوگل در صفحه نتیجه جستجوی خود تمامی تصاویر را کنار هم به نمایش می گذارد، در صورتی که عکس هایی با ابعاد غیر عادی در بین آن ها باشد، نظم صفحه به هم می خورد.

معرفی بهترین برنامه ریکاوری عکس را در مقالات دیگر ایران هاست بخوانید.

۳ -انتخاب Portrait یا Landscape؟

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

انواع فرمت عکس کدامند؟ در مقاله ی دیگری بخوانید.

۴ – بهینه سازی تصاویر سایت و استفاده از فرمت مناسب

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

برای اینکه مطمئن شوید تصاویرتان فشرده می شود از فرمت JPEG استفاده کنید، این فرمت از فشرده سازی تصویر پشتیبانی می کند. در بیشتر موارد، استفاد از JPEG هنوز هم ایده خوبی است .

وقتی از فرمت هایی مانند GIF یا PNG استفاده می شود، طراحان حرفه ای می دانند که در صورت امکان باید از تصاویر با عمق رنگ ۸ بیت استفاده کنند. بسته به نوع تصویر و نیاز وب سایت خود از فرمت مناسبی استفاده کنید. در مثال زیر سعی شده که حجم فایل  در فرمت های مختلف  به ۲۴ کیلوبایت کاهش یابد :

نحوه تغییر فرمت عکس چگونه است؟ در مقالات دیگر ایران هاست بخوانید.

۵ – تاثیر حجم فایل برروی بهینه سازی تصاویر سایت (فشرده سازی تصاویر)

همواره این سوال درباره مقدار و شدت فشرده سازی عکس ها وجود داشته است. سعی کنید تا جایی که به کیفیت تصویر آسیبی نرسد آن را فشرده و حجم آن را پایین بیاورید تا کاربران بتوانند با سرعت آن را مشاهده کنند. در فشرده سازی از طریق نرم افزاری مانند photoshop  می توان یک فایل JPEG را تا ۸۰% بدون افت کیفیت فشرده نمود. معمولا عکس های موجود تا حجم ۴۰۰ کیلوبایت مشکلی در موتورهای جستجو ندارند.

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

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

برای سایت های وردپرس می توانید از افزونه imagify که افزونه بهینه سازی تصویر است استفاده کنید.

۶ – اصیل یا منحصر بفرد بودن یک عکس و تاثیر آن بر بهینه سازی تصاویر سایت

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

۷ – استفاده از CSS برای بهینه سازی تصاویر وب سایت

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

فاکتورهای رتبه بندی بر روی صفحات 

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

اگر فقط گوگل را به عنوان موتور جستجو می شناسید بهتر است مقاله انواع موتورهای جستجو را بخوانید.

۱ -سئو عکس و بهینه سازی تصاویر سایت با متون اطراف تصویر

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

۲ –سئو عکس و بهینه سازی تصاویر برای سایت با توجه به متن آلت

تمامی تصاویر وب سایت شما باید alt-text مناسب را در صفات (Image attribute) خود دارا باشند.  اهمیت این موضوع در تنها برای موتورهای جستجو، بلکه برای افراد دارای مشکلات دیداری نیز می باشد. همواره باید به این موضوع توجه فرمایید که گوگل کاملا نابینا بوده و تنها توانایی درک متون و توضیحات تصویر را دارد.

۳– عنوان صفات و بهینه سازی تصاویر سایت (Title-Attribute)

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

۴ –سئو عکس و ارتباط بین مطالب محتوا (Content relevance)

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

همواره به این نکته توجه کنید که روبات های گوگل (Googlebot) قادر باشند تا در پوشه های سایت شما به دنبال تصاویرتان بگردند. بنابراین مطمئن شوید که تنظیمات موجود در فایل robot txt سایت شما اجازه این کار را به روبات های گوگل می دهد.

تصویر زیر نمونه ای از یک کد کامل برای تعریف دسترسی مناسب به Googlebot می باشد.

۵-سئو عکس و بهینه سازی تصاویر سایت برای سایت با استفاده از عنصر <picture>

عنصر <picture>  که به عنوان یکی از مشخصه های HTML5 معرفی شده است، بدین صورت که به شما اجازه می دهد بتوانید براساس قابلیت های بازدیدکننده تصاویر متفاوتی را نمایش دهید. با این روش مطمئن می شوید بهینه سازی تصویر  را متناسب با ظرفیت های نمایشگر بازدیدکننده برای وی ارسال می کنید. این مورد تاکنون توسط CSS انجام می شده  ،اما استفاده ازCSS  بسیار پیچیده تر از به کار بردن کد <picture> است.

فاکتورهای رتبه بندی خارج از صفحه

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

۱ – لینک دهی داخلی

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

۲ –سئو عکس و لینک های مناسب به صفحات وب

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

۳ – اضافه کردن تصاویر به نقشه سایت (Site Map)

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

۴ – کپی تصاویر

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

۵ – استفاده از Hotlink

استفاده از روش Hotlink یکی از روش های نسبتا دشوار و خسته کننده برای بهینه سازی تصاویر برای سایت می باشد. اگر بتوانید مستقیما به تصویر وب سایت خود لینک بدهید (بدون استفاده از تگ <img> در کد HTML ) می توانید لینک صفحه اصلی نتیجه جستجوی تصویر گوگل را به نفع عکس خود به سرقت ببرید. این روش Hotlinking نام دارد. با استفاده از این روش می توان گوگل را وادار کرد تا تصویر سایت شما را به عنوان تصویری “مهم” به شمار بیاورد. اما در برخی از موارد در صورتی که لینک مربوطه را به گم کنید، دیگر هیچ ترافیکی به وب سایت شما راه پیدا نخواهد کرد. استفاده از روش Hotlink دقیقا مانند راه رفتن بر روی لبه پرتگاه است، در صورتی که به خوبی عمل کنید می توانید تصاویر وب سایت خود را به رتبه بالایی برسانید و در صورتی که اشتباهی رخ دهد تصویر شما در موتور جستجوی گوگل به طور کلی نمایش داده نمی شود. هنر بهینه سازی تصاویر سایت (Image SEO) استفاده درست از این روش می باشد.

۶ –سئو عکس و نرخ کلیک

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

اعمال تنظیمات فوق چه مقدار طول خواهد کشید؟

در صورتی که تمامی مراحل ذکر شده را به درستی انجام دهید، باید شاهد  تغییرات زیر در تصاویر خود باشید :

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

سوالات متداول

مجموعه فرایندی که منجر به کاهش حجم سایت با کیفیت مطلوب را بهینه سازی عکس یا تصویر می گویند.
فاکتورهای رتبه بندی عکس ها به معنای تمامی عملیاتی است که باید قبل از آپلود تصویر بر روی آن انجام شود. اولین نکته بسیار مهم، انتخاب بهترین تصویر موجود است که باید شفاف، جذاب و از نظر کاربران زیبا باشد. یک تصویر مناسب باید تجربه مشاهده عکسی زیبا را برای کاربر رقم بزند.
برای بهینه سازی تصاویر به یاد داشته باشید پاسخ این سوال هم به دلایلی که در مورد قبلی به آن ها اشاره شد مشخص می باشد. گوگل همواره برای حفظ ظاهر و نظم صفحه نتیجه جستجوی خود، عکس های فرمت Landscape را بیشتر انتخاب می نماید و از انتخاب عکس هایی با ارتفاع زیاد خودداری می نماید.
Adobe Photoshop - GIMP - Affinity Photo - Paint.NET
کلمات کلیدی متن اطراف تصویر - کلمات کلیدی نام فایل تصویری - ابعاد تصویر (حداقل ۳۲۰ پیکسل تا حداکثر ۱۲۸۰ پیکسل) - کلمات کلیدی در Alt-text ها - اطمینان از در دسترس بودن تصویر برای روبوت های کاوشگر تصاویر

خروج از نسخه موبایل