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

توحید عزیززاده در آذر ۱۹, ۱۳۹۷
نکات عالی برای بهینه سازی تصاویر سایت

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

از این رو این فرایند  اهمیت فراوانی دارد ولی در امر سئو، طراحان یا تولیدکنندگان محتوای وبسایت کمتر به آن توجه می کنند.

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

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

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

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

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

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

نکات بهینه سازی تصاویر سایت که باید به آنها توجه کنید:

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

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

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

برای یافتن تصاویر خاص می توانید به وبسایت های com، freeimages.com و freepik.com مراجعه کرده و در دریایی از تصاویر رایگانی که در این منابع وجود دارد به جست و جو پرداخته و برای درج در وبسایت خود از آن ها بهره ببرید.

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

در کدنویسی Html برای قرار دادن یک عکس و تایتل آن به این شکل باید عمل کرد

<img src=”آدرس تصویر” alt=”بهینه سازی تصاویر” title=”بهینه سازی تصاویر” />

استفاده از alt تگ را فراموش نکنید

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

ویژگی مهم تگ alt هنگامی است که تصویر موجود در صفحه ای برای کاربران دیر بارگذاری می شود ولی با استفاده از تگ alt می توان موضوع عکس لود نشده را به کاربران فهماند، پس عبارت Alt tag وقتی که عکسی به نمایش در نیامده باید جایگزین عکس مورد نظر به کاربران و موتورهای جست و جو نمایش داده می شود.

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

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

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

فرمت های فراوانی برای تصاویر هستند و که معروف ترین آنان JPG و PNG می باشد. تصاویر با اندازه های بزرگ را با فرمت JPG و تصاویر با اندازه های کوچک را با فرمت PNG ذخیره نمایید.

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

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

photoshop.com/tools?wf=editor

picmonkey.com

fotoflexer.com

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

تصاویر بند انگشتی Thumbnails را در جای درستش استفاده کنید

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

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

در نتیجه

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

image_pdfاگر از مقاله خوشتان آمد PDF آن را هم دریافت کنیدimage_printاگر مقاله برای شما مفید بود میتوانید پرینت بگیرید

نویسنده : توحید عزیززاده

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

نیاز به مشاوره بیشتر دارید؟ برای صحبت با متخصصین سریرنوین تماس بگیرید
منتظر نظرات ارزشمند شما در مورد پیرامون این مقاله هستیم و مطمئن باشید در کمترین زمان ممکن به آن پاسخ داده خواهد شد.

2 دیدگاه در “نکات عالی برای بهینه سازی تصاویر سایت”

  1. درنا گفت:

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

    1. توحید عزیززاده گفت:

      https://imagecompressor.com
      سلام رو این سایت میتونین عکس هاتون رو آنلاین سایزش رو کوتاه تر بکنید.

پاسخی بگذارید

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

تازه، وارد دنیای طراحی سایت و سئو سایت شده اید؟

مشاوره در تلگرام