آخرین تصویری که در وبسایتتان آپلود و منتشر کرده اید را به خاطر بیاورید. به احتمال خیلی زیاد فکر میکنم که آن تصویر را از یک سایت دیگر دانلود کردهاید، و سپس در وبسایت خودت بارگذاری و منتشر کردهاید. خب نتیجه؟
شما بی شک یک حجم سنگین به سایتتان افزوده اید که باعث کاهش سرعت سایت و از طرفی دیگر هم گوگل قدار به خواندن آن عکس نیست!
با سئو تصاویر سایت خود، میتوانید از کاهش سرعت سایت جلوگیری کنید و تجربه بهتری را برای کاربران فراهم کنید. همچنین با استفاده از عکسهای بهینه شده، میتوانید ورودیهای بیشتری به سایت خود جذب کنید. آمارها نشان میدهد که بیش از 20٪ از جستجوهای وب در Google Images انجام میشود (براساس داده های سال 2018 از Jumpshot).
برای بهبود سئو وب سایت، لازم است که بهینه سازی تصاویر را هم در کنار آموزش سئو محتوا سایت انجام دهید. در ادامه، 10 نکته برای بهینه سازی تصاویر وب سایت را برای شما آورده ایم. با مطالعه این نکات، به یک شیرجه آماده برای درک بهتر از بهینه سازی عکس های وب سایت خواهید شد.
1. یک تصویر مناسب پیدا کنید
یک تصویر مناسب، باید با محتوای شما هماهنگ باشد و به طور مستقیم یا غیر مستقیم به آن ارتباط داشته باشد. استفاده از تصاویر مناسب میتواند به جذب توجه کاربران کمک کرده و پیام شما را بهتر به مخاطبان منتقل کند، بنابراین اهمیت استفاده از تصاویر در محتوای شما بسیار بالاست.
چنانچه تنها دلیل شما برای استفاده از تصویر در مقالاتتون روشن کردن چراغ سبز افزونه افزونه Yoast SEO یا افزونه Rank Math SEO است، بنظرم بهتر است وقت خودتون را هدر ندهید. شاید گوگل محتوای عکس شمارا تشخیص ندهد ولی قطعا کاربر متوجه ارتباط تصویر با مقاله شما میشود، پس هدف شما در مرحله اول رضایت کاربران باشد.
طبق مطالبی که در اطراف تصاویر قرار میگیرد، ارتباط تصویر با محتوای سایت بسیار مهم است و میتواند به بهبود رتبه تصاویر در نتایج جستجوی گوگل کمک کند. برای بهینه سازی تصاویر سایت، انتخاب عکس مناسب اولین قدم است. با این حال، باید مواظب باشید که از انیمیشن و تصاویر متحرک بیش از حد استفاده نکنید، زیرا ممکن است جذابیت محتوای شما را کاهش دهد و باعث فرار کاربران وبسایت شما شود. بنابراین، در انتخاب و استفاده از این نوع فرمت تصویری، باید با احتیاط عمل کنید تا بهترین نتیجه را در بهینه سازی تصاویر سایت خود بدست آورید.
چگونه عکس مناسب پیدا کنیم؟
خب، حالا ممکن است که براتون سوال شده چگونه یک عکس مناسب با مقاله خود پیدا کنیم؟
اگر توانایی تهیه عکسهای اختصاصی را داشته باشید، بهترین حالت است. با این حال، باید به واقعیت پذیرفت که بسیاری از وبسایتها و شرکتها، به دلیل بودجه محدود، به استخدام یک عکاس یا گرافیست در بخش تولید محتوا نمیپردازند. آنها این کار را غیرضروری میدانند و به جای آن، از عکسهای آماده استفاده میکنند.
در برخی موارد به دلیل دلایل خاصی، امکان عکسبرداری از برخی موضوعات وجود ندارد. اما شما میتوانید با جستجو در اینترنت، تصاویر مرتبط با محتوای خود را پیدا کنید. برخی از تصاویر موجود، به صورت رایگان در دسترس همه قرار دارند. وبسایتهایی مانند Dribbble یا Freepik وجود دارند که تصاویر، طرحهای گرافیکی و وکتورهای رایگان را در اختیار شما قرار میدهند. به طور حتم با استفاده از این وبسایتها میتوانید تصاویری که با موضوع محتوای شما در ارتباط هستند را پیدا کنید.
2. از فرمت مناسب برای تصاویر خود استفاده کنید
معمولاً در صفحات وب، تصاویر با سه فرمت JPEG، PNG و GIF بارگذاری میشوند. هر یک از این فرمتها تاثیر متفاوتی بر روی کیفیت و سایز تصویر دارد و البته فرمت SVG نیز برای آیکونهای سایت استفاده میشود.
فرمت JPEG یا JPG به عنوان یک استاندارد قدیمی شناخته میشود. تصاویر با این فرمت، با فشردهسازی قابل توجه، با کیفیت بالا و حجم کمتری از خود نشان میدهند.
فرمت GIF برای تصاویر سادهتر مانند آیکون و تصاویر تزئینی استفاده میشود که کیفیت پایینتری نسبت به تصاویر با فرمت JPEG دارد. این فرمت از انیمیشن نیز پشتیبانی میکند و با توجه به بهینهسازی تصویر، فرمت GIF برای تصاویر ساده که فقط چند رنگ را شامل میشوند، عالی است.
فرمت PNG قابلیت پشتیبانی از تعداد بیشماری رنگ را داراست، اما در مقایسه با نمونههای فرمت JPEG با کیفیت مشابه، حجم بسیار بالاتری دارد و در صورتی که بخواهید عکس را بیشتر فشرده کنید، جزئیات آن از بین خواهد رفت.
در مجموع هنگام انتخاب فرمت تصاویر به نکات زیر دقت کنید:
- برای وبسایت هایی که عموما تجاری هستند و دارای تصاویر زیادی هستند، استفاده از فرمت JPEG بهترین انتخاب است، این تصاویر از حجم پایین و کیفیت مناسبتری برخوردار هستند.
- بهتر است از فرمت GIF برای تصاویر بزرگ و با جزئیات بسیار زیاد مانند شکل و رنگ محصولات استفاده نکنید. این فرمت فقط از رنگهای محدودی پشتیبانی میکند و به همین دلیل استفاده از آن در این موارد معقول به نظر نمیرسد.
این مثال را ببینید. سه فرمت PNG ، JPG، GIF در حجم یکسان نشان داده شده است:
3. حجم تصاویر را کاهش دهید!
این نکته از فهرست مهمترین نکات بهینهسازی مربوط به عکسهای سایت است و ممکن است یکی از دلایل اصلی بالا رفتن بانس ریت و فرار مخاطبان از سایت شما باشد. در ابتدا باید بدانید که:
- به طور معمول، کاربران اینترنتی در حدود 3 تا 7 ثانیه برای بارگذاری یک صفحه وب صبر میکنند.
- طراحان وبسایت معروف آمازون به این نتیجه رسیدند که اگر صفحات این سایت تنها یک ثانیه دیرتر بارگذاری شوند، سالانه 1.6 میلیارد دلار از دست خواهند داد.
- باید توجه داشت که گوگل، زمان بارگذاری صفحات را بهعنوان یکی از مؤلفههای مهم در رتبهبندی سایتها در نظر میگیرد.
اگر تصاویری در وبسایت تجاری خود دارید که مدت زمان بارگذاری آنها بیش از 15 ثانیه به طول میانجامد، بهتر است از آنها خداحافظی کنید تا اینکه مشتریان خود را از دست بدهید.
اما راهکار حل این مشکل چیست؟
سؤال خیلی خوبیه! برای مرحلهی سئو عکس، قبل از بارگذاری تصویر در سایت، بهتره تصویر رو فشرده کنید تا حجم کمتری داشته باشه. یکی از راههای مناسب برای کاهش حجم تصاویر استفاده از قابلیت Save for Web در نرمافزار فتوشاپ هست. این قابلیت به شما کمک میکنه با کمترین افت کیفیت (گاها بدون افت کیفیت)، حجم تصاویر رو کاهش بدید. یک خبر خوب اینکه ما در فنابایت به زودی دوره جامع فتوشاپ را برای شما علاقه مندان آماده میکنیم که میتوانید از آن استفاده کنید.
یک نکته جالب، ما در دنیای تکنولوژی به سر میبریم، پس قطعا برای هر کاری یک راهکاری در دنیای تکنولوژی وجود دارد، وبسایت های زیادی برای فشرده سازی تصاویر وجود دارند، ولی شما میتوانید از وبسایت پیشنهادی ما یعنی Tinyjpg.com استفاده کنید که تقریبا بدون کاهش کیفیت چشم گیری حجم تصاویر JPG, PNG خودتون را خیلی خوب کاهش دهید، حالا شاید بپرسید چرا این وبسایت را پیشنهاد دادیم؟ پاسخ سوال اینجاست که این وبسایت یک افزونه مخصوص وردپرس دارد که میتوانید عملیات فشرده سازی تصاویر سایتتان را اتوماتیک و سریع انجام دهید.
باید به خاطر داشت که تصاویر تجاری معمولا باید حجمی کمتر از 70 کیلوبایت داشته باشند. البته این میزان همواره یکسان نیست و برای تصاویر بزرگ یا اینفوگرافیکها، این کار کمی سخت یا حتی نشدنی میباشد.
4. نام فایل عکس را تغییر دهید
بهبود سئو تصاویر یکی از موارد مهم در بهینهسازی سایت است. بنابراین، نام فایل و تصاویر سایت شما بسیار مهم هستند. برای جلب توجه کاربران و بهبود رتبهبندی سایت خود در موتورهای جستجو، نام فایل عکسهای خود را با مفهوم و کلمات کلیدی مرتبط با موضوع عکس بنویسید. این کار به گوگل و سایر موتورهای جستجو کمک میکند تصاویر شما را بهتر درک کنند و در نتیجه به بهبود رتبهبندی تصاویر در نتایج جستجو کمک میکند. به این منظور، میتوانید نام فایل عکس خود را در قسمت «عنوان» وردپرس قرار دهید و از کلمات کلیدی مناسب استفاده کنید.
اجازه دهید از تصویر زیر برای یک مثال استفاده کنیم: ماشین مرسدس بنز کلاس CLA رنگ سبز
حقیقتش، شما میتونید برای نامگذاری عکسهای خود از نامی مانند DCMIMAGE10.jpg که توسط دوربین عکاسی به طور پیشفرض برای تصویر انتخاب شده، استفاده کنید. اما بهتره که نام عکسها رو با توجه به کلمات کلیدی مربوطه تغییر بدید تا در صفحات جستجوی گوگل رتبه بالاتری کسب کنید (مثلا برای این تصویر: mercedes-benz-cla-green.jpg). پیش از نامگذاری عکسهای خود، بهتر است تصور کنید که مشتریان محصول شما را چگونه جستجو میکنند و با توجه به الگوی جستجوی آنها، نامگذاری مناسبی رو انجام بدید. این کار به شما کمک میکنه تا در جستجوی گوگل بهتر دیده بشید و بهینهسازی SEO شما را تقویت کنید.
البته یک قانون نوشته وجود دارد که میگه: در نامگذاری فایل ها از حروف لاتین استفاده کنید.
اگر علاقه دارید تصاویر سایتتان به زبان فارسی نامگذاری شوند میتوانید عکس فوق را به این شکل نامگذاری کنید: مرسدس-بنز-سی-ال-ای-2017
5. تگ Alt تصاویر را هوشمندانه انتخاب کنید
در واقع، تگ Alt یا متن جایگزین تصویر، برای کاربرانی که به دلیل مشکلات مختلف نمیتوانند تصویر را مشاهده کنند، بسیار مهم است. گوگل هم این متن را به عنوان یکی از مهمترین عوامل سئو تصاویر در نظر میگیرد. بنابراین، هنگام نوشتن توضیحات جایگزین برای تصاویر، بهتر است از کلمات کلیدی مرتبط با محتوای تصویر استفاده کنید تا شانس بالاتری برای قرار گرفتن در نتایج جستجوی تصاویر گوگل داشته باشید. به این ترتیب، میتوانید بهینهسازی SEO تصاویر خود را انجام داده و سایت خود را در جستجوهای گوگل بهبود بخشید.
همچنین، در سئو تصاویر سایت همواره باید به این موضوع توجه کنید که برای هر یک از تصاویر باید به صورت کاملا مجزا یک تگ Alt بنویسید، در ادامه رعایت موارد زیر الزامی است:
- تصاویر خود را در صورت امکان مثل نام عکس با زبان انگلیسی توصیف کنید
- اگر تصویر مربوط به محصولی با مدل و شماره سریالی خاص است حتما از آنها در متن جایگزین استفاده کنید.
- از تگهای Alt برای تصاویر تزئینی استفاده نکنید. موتورهای جستجو در صورت استفاده بیش از اندازه از این عبارات احتمالاً شما را جریمه میکنند.
موتور جستجوی گوگل هنوز قادر به تشخیص محتوای تصاویر نیست. به همین دلیل استفاده از تگ Alt و دیگر متنهای جایگزین بهترین روش برای توصیف محتوای تصاویر برای موتور جستجوی گوگل است. همچنین، تگهای Alt میتوانند به یافتن وبسایت شما توسط کاربران کمک کنند.
6. برای عکس اسم بگذارید
معمولاً در وردپرس، نام تصاویر با کلمه “نام” نمایش داده میشود. اما در صفحات زیر عکسها، نمایش نام تصویر برای بهبود سئو مفید است. به همین دلیل، توصیه میشود که برای هر تصویر، نام مناسبی را انتخاب کنید تا در زیر عکس نمایش داده شود. این کار به بهبود سئو سایت شما کمک میکند و باعث میشود که کاربران به راحتی بتوانند تصاویر مورد نظر را پیدا کنند.
7. ابعاد تصویر استاندارد باشد
به یکی از روشهای رایج در بازاریابی به کارگیری تصاویر مختلف و از زوایای مختلف محصولات اشاره کرده بودم. در این روش، تصاویر متعددی از محصول با ویژگیهای متفاوت گرفته شده و به منظور بیان این ویژگیها در بازاریابی به کار گرفته میشود. برای مثال، میتوان به تصاویر متعدد مرسدس بنز کلاس CLA اشاره کرد که از زوایا و ویژگیهای مختلف این خودرو گرفته شده است.
ما برای بهتر به فروش خودروی شما کمک کنیم، تنها به نمایش یک عکس اکتفا نمیکنیم. به جای آن، تصاویری از داخلی خودرو، قسمت عقب، جلو پنجره، پیشرانه، رینگ چرخها و یک نمای باز سهبعدی از خودرو را برای شما فراهم میکنیم تا به بهترین شکل ممکن به معرفی خودرو بپردازیم.
در این مرحله، ممکن است شما به دنبال بهبود تجربه کاربری با استفاده از تصاویر با کیفیت و بزرگ باشید، اما باید مواظب باشید! استفاده از تصاویر بزرگ میتواند سرعت بارگذاری وبسایت شما را کاهش دهد که باعث کاهش تجربه کاربری میشود. بنابراین بهتر است از تصاویر با اندازه کوچکتر استفاده کنید و آنها را با ابعاد مناسب بارگذاری کنید.
همچنین، میتوان با کاهش اندازه تصاویر و همراهی با کاهش حجم آنها، زمان بارگذاری صفحات وبسایت را بهبود داد. اما استفاده از تصاویر با ابعاد کوچک یا ایجاد قابلیت نمایش بزرگتر در پنجره پاپ آپ (یک صفحه جداگانه) میتواند رضایت بیشتر کاربران را به دنبال داشته باشد. البته باید به این نکته هم توجه داشت که این کارها نباید کیفیت تصاویر را به شدت کاهش دهند.
یک نکته مهم در مورد تصاویر، تغییر اندازه آنها است. بسیاری از افراد فکر میکنند که تغییر مقیاس تصاویر میتواند به سرعت بارگذاری وبسایت کمک کند، اما این اتفاق نمیافتد. در واقع، حجم تصاویر تغییری نمیکند. به عنوان مثال، زمانی که شما یک تصویر با اندازه 2500 × 1500 پیکسل را در یک قالب 250 × 150 نمایش میدهید، سرعت بارگذاری صفحه شما تغییری نمیکند. در وردپرس، شما میتوانید اندازه نمایش تصاویر را در اندازههای مختلف، از جمله بزرگ، متوسط و بندانگشتی، تغییر دهید، اما این تغییرات فقط برای نمایش تصاویر در وبسایت شما است و حجم تصاویر تغییری نمیکند.
8. از تصاویر Thumbnails درست استفاده کنید
بسیاری از وبسایتهای تجاری و فروشگاهی از تصاویر بندانگشتی یا Thumbnails برای نمایش محصولات خود استفاده میکنند. این تصاویر به طور خاص در صفحات دستهبندی محصولات باعث افزایش سرعت مرور کاربران میشوند. با این حال باید مواظب باشید که در استفاده از این تصاویر دقت کنید. این نوع تصاویر ممکن است سرعت بارگذاری صفحات را کاهش دهند. بنابراین:
- در بهینهسازی تصاویر سایت، بهتر است از حجم کمتری برای عکسهای بندانگشتی استفاده شود. اگرچه تصاویر با کیفیت و بزرگتر برای مشتریان جذابتر هستند، اما ممکن است باعث کاهش سرعت وبسایت و نارضایتی مشتریان شوند. بنابراین، با کاهش حجم تصاویر بندانگشتی، میتوانید به بهبود سرعت وبسایت و رضایت مشتریان کمک کنید.
- میتوانید تگهای Alt مربوط به تصاویر بندانگشتی را تغییر دهید. برای این کار باید هر تصویر بندانگشتی را با توجه به مفهوم و محتوای خود، با یک تگ Alt منحصربهفرد برای آن نسبت دهید. در این صورت در صورت خطا در بارگذاری محتوای آنها، کاربران بهراحتی میتوانند تصاویر بندانگشتی را تشخیص داده و استفاده کنند.
9. مراقب تصاویر تزئینی وبسایت باشید
برخی وبسایتها، برای بهبود زیبایی و تجربه کاربری، از تصاویر تزئینی در پسزمینه، حاشیهها و دکمهها استفاده میکنند. تصاویری که نامرتبط با محصولات یک وبسایت فروشگاهی یا تجاری هستند، جزو تصاویر تزئینی این وبسایتها محسوب میشوند.
استفاده زیاد از این نوع تصاویر باعث زیاد شدن حجم صفحات و کم شدن سرعت بارگذاری وبسایت آنها میشود. بنابراین:
- برای تصاویری که حاشیه صفحات را پر میکنند، بهتر است از فرمت PNG-8 یا GIF استفاده کنید. این فرمتها باعث کاهش حجم تصویر و افزایش سرعت بارگیری صفحه میشوند. همچنین، با استفاده از این فرمتها میتوانید تصاویری با کیفیت قابل قبول و حجم کمتر از 100 بایت ایجاد کنید، در نتیجه کاربران شما با سرعت بهتری بر روی صفحات شما حرکت خواهند کرد.
- با توجه به دستورالعملهای گوگل برای جلوگیری از تکرار محتوا، پیشنهاد میکنم به جای استفاده از تصاویر تزئینی، از کدهای CSS برای ایجاد قسمتهای رنگی استفاده کنید.
- همانطور که میدانید، تصاویر پسزمینه باید با کیفیت بالا و در عین حال با حجم کمی ذخیره شوند. برای این منظور، میتوانید از فرمت JPEG استفاده کنید و با استفاده از تنظیمات مناسب، حجم تصاویر را به حداقل برسانید.
10. ویژگی LAZY LOAD را فعال کنید
زمانی که کاربر یک وب سایت را باز میکند، تمامی محتویات صفحه از جمله عکسها و جزئیات باید بارگیری شوند تا صفحه به کاربر نمایش داده شود، حتی اگر کاربر اسکرول نکند و عکسها را نبیند. برای لود عکسها بیشترین زمان در صفحه اختصاص دارد که ممکن است باعث افزایش زمان لود صفحه و کندی سایت شود. برای رضایت کاربران و همچنین بهبود سرعت سایت، نصب و فعالسازی افزونه lazy load میتواند مفید باشد. با نصب این افزونه، عکسها به صورت پیشفرض یکجا لود نمیشوند و صفحه با سرعت بیشتری به کاربر نمایش داده میشود. هنگامی که کاربر اسکرول میکند، باقی عکسها هم به صورت تدریجی لود خواهند شد.
با انجام دادن این کار مطمئن خواهید شد که کاربری سایت شما را به خاطر کندی سرعت ترک نمیکند.
سئو کردن عکسها را فراموش نکنید!
یکی از دلایل کندی وبسایت، استفاده از تصاویر با حجم بالا است. برای جلوگیری از این مشکل، باید تصاویر را با سایز و حجم مناسب اضافه کرد. همچنین، تگهای Alt و توضیحاتی که برای تصاویر اضافه میشود، به بهبود رتبه مقالات و دیده شدن آنها در نتایج جستجوی گوگل کمک میکند. به همین دلیل، اضافه کردن این اطلاعات بسیار مهم است.
سئو تصاویر سایت یا همان بهینهسازی عکسها یکی از موارد مهم سئو است که کمتر وبمستری به آنها اهمیت میدهد. شاید حضور تصاویر سایت شما در نتایج جستجوی Google Image، به اندازه حضور در نتایج جستجوی Web گوگل مهم نباشد، اما مطمئناً به دیده شدن وبسایتتان کمک میکند. البته در حال حاضر هم در بسیاری از نتایج جستجو، گوگل ما را به سمت تصاویر موجود در وب هدایت میکند. بس بهتر است بهینه سازی تصاویر سایت را دست کم نگیرید.
در صورت علاقه مندی به یادگیری سئو، می توانید در دوره جامع 0 تا 100 آموزش سئو فنابایت شرکت کنید که شامل تمام بخش های سئو داخلی و خارجی و … می باشد.
در پایان باید بگویم که ما نمیتوانیم اطلاعاتی درباره تغییرات آتی موتور جستجوی گوگل ارائه دهیم. ممکن است در آیندهای نزدیک، محتوای تصویری نیز به اندازه محتوای متنی برای گوگل مهم شود. بهتر است از همین الان برای آینده آماده باشید.
