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

0

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

در ادامه به بررسی این نکات خواهیم پرداخت، با ما همراه باشید.

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

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

تصور کنید یک عکس در وب سایت خود با موضوع سئو، قرار داده ایم و نامی که برای آن انتخاب کرده ایم ۷۸۴۵kssf.jpg  باشد. خب در این صورت چه انتظاری داریم زمانی که در google image  کلمه ی سئو جستجو می شود. تصویر ما برای کاربر نمایش داده شود؟

پس باید یک نام مرتبط با تصویر، انتخاب کنیم تا این شانس را داشته باشیم که از طریق نتایج google image  هم بتوانیم ورودی داشته باشیم. در این صورت نام seo.jpg  می تواند مناسب باشد.

یک نکته دیگر که شاید گفتن آن خالی از لطف نباشد، این است که اگر نام عکس شما طولانی است، حدالامکان بین کلمات، فاصله (space) یا خط تیره زیر (underline _) قرار ندهیم و بهتر است از کاراکتر hyphen  (-) استفاده کنیم.

خاصیت alternative  یا alt :

یکی دیگر از فاکتورهایی که ربات گوگل برایش حائز اهمیت است، خاصیت alt  است.

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

در قسمت alt بهتر است، یک یا دو کلمه کلیدی مربوط به تصویر، قرار گیرد.

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

اگر وب سایت شما با استفاده از کدنویسی طراحی شده است، با توجه به عکس زیر می توانید از این خاصیت استفاده کنید:

قطعه کد alternative

اما اگر وب سایت شما با استفاده از وردپرس ساخته شده است، در هنگام آپلود تصویر، باید در قسمت «متن جایگزین» متن خود را وارد کنید (با توجه به تصویر زیر):

متن جایگزین عکس بهینه سازی تصاویر وب سایت

خاصیت title در بهینه سازی تصاویر وب سایت:

خاصیت بعدی که برای بهینه سازی تصاویر وب سایت ما باید رعایت شود، خاصیت title است. درجه اهمیت title  برای ربات گوگل کمتر از alt  است اما نمی شود از آن چشم پوشی کرد و بهتر است آن را در تصاویر خود اعمال کنیم.

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

درواقع، این خاصیت برای کمک به کاربر است و زمانی که کاربر نشانگر موس خود را روی عکس می برد، یک توضیح مختصر درباره آن تصویر، برای کاربر نمایش داده می شود (با توجه به تصویر زیر):

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

چگونه از خاصیت title  استفاده کنیم:

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

عنوان تصویر خاصیت title

اما اگر وب سایت ما با وردرپرس ساخته شده باشد، فقط کافیست در قسمت «عنوان تصویر» متن مورد نظر را وارد کنید مانند تصویر زیر:

لازم به ذکر است که در عنوان تصویر، می توانیم عنوان مقاله خود را هم قرار دهیم، پس اگر توضیح خاصی به ذهن تان نمی رسد، نگران نباشید!

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

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

اما شاید برای شما این سئوال پیش بیاید که اگر حجم عکس ها را کم کنیم، آیا کیفیت آن ها هم افت می کند؟

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

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

این ویدئو را می توانید از لینک زیر دانلود و یا مشاهده نمایید

دانلود و مشاهده رایگان ویدئو کم کردن حجم تصاویر برای وب سایت

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

خیلی وقت ها ما نیازی نداریم که در یک صفحه، یک عکس مثلاً با اندازه ی ۸۰۰ *۶۰۰ پیکسل داشته باشیم و می توانیم آن را به ۶۰۰*۴۰۰ پیکسل کاهش دهیم.

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

جمع بندی مقاله بهینه سازی تصاویر وب سایت، توسط محمدرضا یعقوبی:

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

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

شاد و هوشمند باشید- ارادتمند شما محمدرضا یعقوبی

 

ممکن است شما دوست داشته باشید

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.