بهینه سازی تصاویر سایت با 10 روش کاربردی
تو این مقاله به اهمیت بهینه سازی تصاویر برای سئو سایت و همچنین آموزش بهینه سازی تصاویر میپردازیم.
کاربران کلمات مختلف را با اهداف مختلف، در موتور جستجوی گوگل سرچ میکنن، گاهی بدنبال پاسخ یک سوال هستن، گاهی بدنبال خرید یک محصول و گاهی بدنبال دیدن عکس های مرتبط با کلمه سرچ شده و ….
همونطور که میدانید در موتور جستجوی گوگل بخشی به نام image هست که از طریق اون کاربران میتونن عکس های مرتبط با اون کلمه سرچ شده رو ببینند، هر چقدر عکس ثبت شده در سایت استانداردهای لازم برای بهینه سازی تصاویر را رعایت کرده باشه، جایگاه بهتری را در نتایج گوگل خواهد داشت، البته این موضوع به موارد دیگه ای از سایت هم بستگی دارد، اما با رعایت استانداردهای بهینه سازی عکس برای وب سایت میتونیم رتبه های بهتری در نتایج داشته باشیم از این جهت در تولید محتوا باید به بهینه سازی تصاویر توجه ویژه ای داشت
با افزایش رتبه های عکس های ثبت شده در وب سایت میتوانیم نرخ کلیک سایت رو نیز بالا ببریم، اما محتوای تصویر شما باید از لحاظ بصری هم برای کاربران و هم موتورهای جستجو بهینه شود.
به آخرین تصویری که در وب سایت خود بارگذاری کردید فکر کنید، احتمالا این عکس را از وب سایت مخصوص تصاویر یا سایت های دیگر دانلود کرده و با تغییرات خیلی کمی در سایت خود بارگذاری کرده اید.
آیا این مثالی از بهینه سازی تصاویر محسوب می شود؟ قطعا خیر
بارگذاری تصویر بهینه نشده در وب سایت خود، به شدت سرعت سایت را کاهش میدهد و موتورهای جستجو نمی توانند تصاویر بدون alt شما را پیدا کنند.
طبق آمار، در سال 2018 بیش از 20 درصد تمام جستجوهای وب در Google Images اتفاق می افتد، یعنی 20 درصد از کل سرچ ها مربوط به عکس ها بوده است، با توجه به استقبال از محتواهای تصویری، این آمار امروزه پیشرفت هم داشته است، از این رو بهینه سازی تصاویر برای وب سایت حائز اهمیت است.
سئوکاران آماتور و حرفه ای می دانند که بهینه سازی تصاویر برای سرعت سایت ارزش زیادی دارد، بدون بهینه سازی عکس های سایت ، بخش ارزشمندی را در سئو از دست می دهید.
بهینه سازی تصاویر فواید زیادی دارد، از جمله تجربه بهتر برای کاربر، افزایش سرعت سایت و فرصت بیشتر برای گرفتن رتبه.
اهمیت سئو سایت روز به روز در حال افزایش است و از این رو ما هم مجبور هستیم تا از تمام بخش های سایت کمک بگیریم تا رتبه های بهتری را تجربه کنیم.
آیا فاکتورهای مهم در بهینه سازی تصاویر را می دانید؟ قبل از اینکه به نکات مهم در این خصوص بپردازم یک سوال مهم را بررسی میکنیم:
آیا بهینه سازی تصاویر در وردپرس با پلتفرم های دیگر متفاوت است؟
خیر، برای اینکه بخواهیم تصاویر و عکس های بهتری را در سایت خود داشته باشیم فرقی نمیکند که از چه پلتفرمی استفاده می کنیم، این دیدگاه غلطی است که مثلا بهینه سازی تصاویر در جوملا یا وردپرس و یا CMS های دیگر متفاوت است، همه اینها از یک قانون تبعیت میکنند و با رعایت استانداردها در هر کدام از آنها میتوانید رتبه های بهتری را تجربه کنید.
در ادامه به 10 فاکتور مهم در بهینه سازی تصاویر برای وب اشاره میگردد.
مقاله مرتبط: اهمیت و نحوه تولید محتوا در کسب و کار اینترنتی
10 فاکتور مهم در بهینه سازی تصاویر سایت
1. فرمت درست را انتخاب کنید
قبل از اینکه به سایت خود عکسی اضافه کنید، ابتدا بهترین نوع فرمت تصاویر را برای سایت خود در نظر بگیرید.
فرمت های زیادی برای تصویر وجود دارد که می توانید از بین آنها انتخاب کنید، اما PNG و JPEG رایج ترین فرمت ها برای وب محسوب می شوند.
• PNG: در این فرمت تصاویر کیفیت بهتری دارند، اما سایز فایل تصویر بزرگ است.
• JPEG: ممکن است کیفیت تصویر کاهش پیدا کند، اما می توانید سطح کیفیت را تنظیم کنید تا تصویر متعادل تری داشته باشید اما حجم بهتری خواهید داشت
2. تصاویر خود را فشرده کنید
یکی از مهمترین نکات در بهینه سازی تصاویر ، حجم عکس های شما می باشد، فشرده نکردن تصاویر ضربه بزرگی به سایت شما میزند. طبق داده های ارائه شده تصاویر به طور متوسط 21 درصد از وزن کل وب سایت شما را تشکیل می دهند.
به همین دلیل است که به شدت توصیه می شود قبل از بارگذاری، تصویر خود را فشرده کنید تا فضای کمتری از سایت شما را اشغال کنند و به سرعت صفحات شما کمک کنند.
این کار را می توانید در فتوشاپ یا به صورت آنلاین در وب سایتی مانند TinyPNG انجام دهید.
در این سایت میتوانید به راحتی عکس های مورد نظرتان را آپلود کنید و بلافاصله با حجم کمتر آنها را دانلود نمایید، در این سایت امکان تغییر سایز گروهی تصاویر وجود دارد و این باعث میشود تا زمان زیادی را برای اینکار صرف نکنید و این یک مزیت است.
اما مزیت اصلی این سایت در این است که کیفیت عکس ها بصورت چشمگیر کاهش پیدا نمیکنند.
افزونه بهینه سازی تصاویر وردپرس
اسموش یا WP Smush نام یک افزونه ی وردپرسی است که می توانید در سایت وردپرسی خود از آن برای فشرده کردن تصاویر استفاده کنید و سئوی تصاویر در وردپرس را با آن تجربه کنید، این افزونه بدون کم کردن کیفیت تصاویر حجم آنها را کاهش می دهد.
هر افزونه ای که استفاده می کنید، مطمئن شوید که تصاویر را بر روی سرورهای آنها فشرده می کند، این کار باعث کاهش وزن سایت شما می شود.
3. تصاویر منحصر به فرد ایجاد کنید
تصاویری که در سایت خود استفاده می کنید، باید منحصر به شما باشد، اگر سایت خود را با تصاویری پر کنید که از سایت های دیگر گرفته اید و منحصر به خود شما نیستند، از نظر گوگل غیر مجاز خواهید بود. وب سایت های زیادی از طریق استفاده زیاد از تصاویر دیگر سایت ها، رتبه های خود را از دست داده اند.
تصاویر اگر منحصر به خود شما نباشند، نه تنها بهینه کردن آنها فایده ای برای سئو سایت شما ندارد حتی برای کاربران نیز جذاب نخواهد بود.
با توجه به وب سایت های زیادی که عکس های با کیفیت زیادی را به صورت png یا وکتور در اختیار شما قرار میدهند، به راحتی میتوانید عکس های اختصاصی و منحصر به خودتان را طراحی کنید، در واقع با کمک از کاراکترها و المان های رایگان میتوانید بهترین بهره را ببرید، به عنوان مثال وب سایت Freepik یکی از بهترین مثال ها می باشد.
مقاله مرتبط: سئو چیست
• نسبت به حق کپی رایت آگاهی پیدا کنید
صرف نظر از فایل تصاویری که برای استفاده انتخاب می کنید، نسبت به حق کپی رایت آن نیز مطمئن شوید.
اگر تصویری که استفاده می کنید، متعلق به یکی از ارائه دهندگان عکس مثل Shutterstock باشد و شما بدون مجوز از آن عکس استفاده کنید، در آینده ممکن است مشکلاتی برای سایت شما پیش بیاید
استفاده کردن از عکس های کپی، بصورت کلی مبحث بهینه سازی تصاویر را رد میکند.
طبق قانون کپی رایت هزاره دیجیتال DMCA، در صورت نادیده گرفتن حق کپی رایت اخطار دریافت خواهید کرد، صاحب محتوایی که شما در وب سایت خود استفاده کرده اید، می تواند شما را جریمه کند و طبق قانون باید به آن عمل کنید.
تا همین چند سال پیش با توجه به ارتباط ضعیف کشور ما با دنیا به راحتی قانون کپی رایت زیر پا گذاشته میشد و از محتواهای کپی زیادی استفاده میشد، اما با سختگیری های ربات های گوگل، اینستاگرام و … صاحبان سایت ها و صفحات مجازی محدود شده اند و با استفاده از محتواهای کپی برداری شده، کسب و کار آنها نزول خواهد کرد.
و این خود یکی از دلایلی است که در ایران نیز به بهینه سازی تصاویر اهمیت داده میشود.
• لوگو خود را بر روی تصاویر ثبت کنید
همه تلاش شما برای بهینه سازی تصاویر سایت ، برای گرفتن رتبه های بهتر و دیدن شدن عکس ها می باشد، فرض کنید که عکس های ثبت شده در مقالات شما رتبه های لازم را گرفتن و در Google Image نمایش داده شدند، با ثبت لوگو خود بر روی عکس ها، برند شما شناخته تر خواهد شد و کاربران بعد از مدتی تصاویر سایت شما را میشناسند.
امکان کپی کردن نیز برای دیگران سخت تر خواهد شد و در واقع با ثبت لوگوی خود تصاویر خود را کاملا شخصی سازی میکنید.
4. شخصی سازی نام تصاویر
در سئو ایجاد فایل ها با نام های توصیفی و همراه با کلمات کلیدی اهمیت زیادی دارد.، نام تصویر به گوگل و سایر خزندگان موتورهای جستجو موضوع تصویر را اطلاع میدهد
معمولا نام تصاویر چیزی شبیه به عبارت IMG_542318 هستند، این نوع نامها کمکی به گوگل نمی کنند.
نام تصویر را از حالت پیشفرض آن تغییر دهید تا موتورهای جستجو تصویر شما را بشناسند و وب سایت شما نیز از لحاظ سئو ارزش پیدا کند.
ترجیحا از حروف انگلیسی در نام تصویر استفاده کنید، گوگل از طریق سئو معنایی متوجه معنا می شود و با استفاده از زبان انگلیسی لینک تصاویر شما هم بسیار مرتب تر خواهد بود.
5. متن alt متناسب با سئو بنویسید
Alt تصاویر بخش مهمی از بهینه سازی تصاویر برای موتورهای جستجو است، این بخش در زبان فارسی با نام متن جایگزین جا افتاده است، به خصوص اگر از وردپرس استفاده میکنید در زمان ثبت عکس در سایت خود، بخشی به نام متن جایگزین وجود دارد که باید آن را با کلمه کلیدی هدف خود پر کنید، مثلا اگر میخواهید عکس شما در سرچ کلمه خرید گوشی نمایش داده شود این کلمه را در این بخش استفاده کنید.
زمانی که مرورگر نمی تواند عکس را به درستی نمایش دهد، متن alt نمایش داده می شود، در alt محتوای تصویر توصیف می شود سعی کنید بهترین توصیف از عکس را به شکل مرتبط ثبت کنید.
زمانی که یک تصویر بارگیری نمی شود، یک کادر نمایش داده می شود که تگ alt در گوشه بالا سمت چپ قابل مشاهده است، مطمئن شوید که alt با تصویر مرتبط است.
توجه به alt برای استراتژی سئو on-page نیز مفید است، به علاوه استفاده از متن alt این فرصت را به تصویر شما می دهد که در نتایج جستجوی عکس مشاهده شوند. این متن اطلاعات مفیدی در مورد موضوع عکس به گوگل می دهد.
متن alt به شکل زیر خوانده می شود:
<img src=”mobile-1.jpg” alt=”chocolate”/>
اما متن جایگزین مناسب تری که می تواند توصیف بهتری از عکس ارائه دهد، متن زیر خواهد بود:
<img src=”mobile-1.jpg” alt=”dark chocolate coffee flavored bar”/>
متن Alt در واقع نوعی متن پنهان شده در صفحه است که به کاربر و موتورهای جستجو کمک بیشتری می کند. برای اینکه اهمیت متن alt را در سئو بدانید بهتر است بگویم این متن مانند یک انکر تکست anchor text برای یک لینک داخلی عمل می کند، وقتی که تصویر به صفحه دیگری در سایت لینک داده می شود.
6. ساختار فایل تصویر را در نظر بگیرید
در سال 2018 گوگل دستورالعمل های خود در مورد بهینه سازی تصاویر برای سایت ها را به روز کرد. یکی از موارد در این به روز رسانی مسیر فایل و نام فایل تصویر بود که بر روی رتبه بندی تاثیر گذار است. به عبارت دیگر مسیر و نام فایل تصویر یک عامل مهم در رتبه بندی است.
البته نکته مسیر سایت در وب سایت های زیادی اجرایی نمیشود اما انجام این کار بی تاثیر نیست،
به عنوان مثال اگر یک فروشگاه اینترنتی هستید، به جای قرار دادن تمام تصاویر در مسیر wp-content/uploads/2020/All توصیه می کنم پوشه های خود را به زیر مجموعه های بیشتر با موضوعات مرتبط تقسیم کنید، به عنوان مثال اگر وب سایت فروش گوشی دارید، پوشه های برندهای مختلف را برای عکس ها از هم جدا کنید، مثلا سامسونگ و اپل دارای پوشه های جدایی باشند.
7. عنوان و توضیحات صفحه خود را ایجاد کنید
گوگل اعلام کرده که از عنوان و توضیحات صفحه شما به عنوان بخشی از الگوریتم جستجوی تصویر استفاده می کند و در این باره بیان می کند:
” تصاویر گوگل به طور خودکار یک عنوان و یک قطعه ایجاد می کنند تا به بهترین شکل هر نتیجه و چگونگی ارتباط آن با عبارت جستجو را توضیح دهند. ما از منابع مختلف برای این اطلاعات استفاده می کنیم، از جمله اطلاعات توصیفی در عنوان و برچسب های متا”
تمام فاکتورهای اصلی سئو on-page مانند داده های متا، تگ های هدر، کپی کردن در صفحه، ساختار داده ها و … بر روی نحوه رتبه بندی تصاویر شما در گوگل تاثیر می گذارند.
8. ابعاد تصاویر را تعیین کنید
اگر از AMP یا PWA استفاده می کنید، لازم است ابعاد تصاویر خود را در source code تعریف کنید. اگر از هیچکدام استفاده نمی کنید، بهترین روش تعیین عرض و طول تصاویر است.
تعیین ابعاد تصاویر نتنها به کاربران کمک بیشتری می کند، بلکه به مرورگر اجازه می دهد که قبل از بارگذاری CSS اندازه تصویر را دریافت کند و به این ترتیب از پرش صفحه در هنگام بارگذاری جلوگیری می شود.
9. تصاویر باید با موبایل سازگار باشند یا اصطلاحا Mobile-Friendly باشند
سئو در موبایل اهمیت زیادی دارد در واقع عدم رعایت اصول سئو در موبایل باعث بالا رفتن bounce rate و پایین آمدن نرخ تبدیل conversion می شود.
از سال 2019 اهمیت ریسپانسیو بودن و نمایش صحیح سایت در موبایل تا جایی شد که اگر نسخه موبایل شما کامل نباشد وب سایت شما در حالت های دیگر هم بررسی نخواهد شد و رتبه نخواهد گرفت.
اما بهینه کردن سئو در موبایل باعث بهبود رتبه و تعامل بیشتر کاربر می شود، پس تصاویر خود را نیز برای نمایشگرهای مختلف بهینه کنید.
سوال این است که چطور می توان تصاویر را برای موبایل بهینه کرد؟
برای این کار باید تصاویر responsive ایجاد کنید، یعنی اندازه تصویر با اندازه صفحه نمایشگر در موبایل و دسکتاپ هماهنگ باشد، به عبارتی تصویر باید با اندازه هر نمایشگری هماهنگ شود، البته اگر نسخه ریسپانسیو وب سایت شما فعال باشد، نیاز نیست که شما کاری انجام دهید و خود وب سایت در زمان بارگذاری عکس، سایزهای مختلفی را از آن ایجاد میکند.
10. حتما از سایت مپ استفاده کنید
اینکه تصاویر را به نقشه سایت اضافه کنید یا یک سایت مپ جدید برای تصاویر ایجاد کنید، تفاوتی ندارد؛ به هرحال تصاویر باید در جایی در سایت مپ شما قرار بگیرند.
قرار گرفتن تصاویر در سایت مپ احتمال کرال شدن توسط موتورهای جستجو و ایندکس شدن تصاویر شما را به شدت افزایش می دهد.
اگر از وردپرس استفاده می کنید، افزونه Yoast راه حل مناسبی برای ایجاد سایت مپ است که با یک بار فعالسازی میتوانید از آن استفاده کنید.
کلام آخر
بنابراین قبل از بارگذاری هر گونه تصویر در وب سایت خود حتما فاکتورهای بهینه سازی تصاویر را یاد بگیرید. بهینه سازی تصاویر در سایت شوخی نیست و رعایت استانداردهای آن میتوانید با تاثیرات چشمگیر آن مواجه شوید و از آن بهره ببرید، فرقی نمیکن که وب سایت شما چه کاربردی دارد و با چه پلتفرمی ایجاد شده است،
دیدگاهتان را بنویسید