تهران، سعادت آباد، خیابان کوهستان،
مجتمع کوهستان، سرو ۴، طبقه ۳ واحد ۲
۲۲۱۳۴۴۹۶ ۰۲۱
۳۶۶۶۸۳۲۸ ۰۲۶
info[at]web-city.ir
support[at]web-city.ir

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

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

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

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

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

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

استفاده ازمشخصه های alt , Title

Title متنی است که به هنگام نگه داشتن اشاره گر ماوس روی تصویر ظاهر می شود و alt متن جایگزینی است که هنگام لود نشدن یک تصویر توسط مرورگر نمایش داده می شود. این مشخصه به خزنده موتور جستجو جهت درک مفهوم تصویر کمک می کند. رعایت اصولی که برای نام تصاویر ذکر کردیم برای alt و title نیز ضروری است.

حجم تصاویر را کاهش دهید

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

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

در حال حاضر گوگل از فرمت های BMP, GIF, JPEG, PNG, WebP و SVG را ایندکس می کند. بهتر است تصاویر را با فرمت jpeg ذخیره شوند همچنین می توانید از میانبر Ctrl+Shift+Alt+s برای ذخیره تصویر بهینه در فتوشاپ استفاده کنید.

۱- بهینه سازی توضیحات تصاویر سایت

سه روش اصلی برای توضیح یک تصویر در کدهای HTML وجود دارد که امکان شناسایی و بهینه سازی تصاویر سایت را برای موتورهای جستجو فراهم میکند، که عبارتند از: نام فایل، تگ عنوان (Title tag) و متن جایگزین (Alt tag).

  • نام فایل تصاویر سایت
  • نام فایل تصاویر کمک زیادی به موتورهای جستجو در شناسایی و درک موضوع آنها میکند. برای بهینه سازی تصاویر بهتر است که نام آنها را متناسب با موضوع عکس انتخاب کرده و در نام گذاری از خط تیره ( – ) بجای خط زیر ( _ ) استفاده کنید.

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

  • تگ عنوان یا همان Title tag تصاویر سایت

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

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

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

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

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

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

*** می توانید از افزونه های مناسب برای بهینه سازی تصاویر نیز استفاده کنید!

۳- بهینه سازی تصاویر سایت با انتخاب پسوند مناسب

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

۴- بهینه سازی تصاویر سایت با کاهش حجم

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

بهینه سازی تصاویر فتوشاپ

تنضیمات عمومی ذخیره و بهینه سازی تصاویر در فتوشاپ

نرم افزار فتوشاپ گزینه ای با عنوان “Save for Web Devices” در نظر گرفته است که به شما امکان کاهش حجم فایل و مقایسه همزمان کیفیت تصویر اولیه با نمونه بهینه سازی شده را میدهد. در صورت عدم دسترسی به آن میتوانید برای بهینه سازی تصاویر خود از نرم افزار RIOT که رایگان بوده و به همین منظور طراحی شده است استفاده کنید. این نرم افزار تمام امکانات مربوط به بهینه سازی تصاویر را در اختیار شما قرار میدهد.

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

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

اشتراک

حمیدرضا عباسی

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پنج × یک =