سئو تصاویر - راهنمای جامع سئو تصاویر ( چک لیست سئو تصاویر )

هنگامی که مردم با بهینه سازی موتورهای جستجوگر (IMAGES SEO) سئو تصاویر سروکار دارند، تنها مواردی را انتخاب می کنند: بهینه سازی زمان بارگذاری و متن های جایگزین. سئوی تصویر جدی تر از آنها است و بسیار فراتر است.

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

تصاویر اغلب در نتایج جستجو نمایش داده می شوند.

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

سئوی تصویر یا عکس چیست؟

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

در حین کار بر روی سئوی تصویر، می توانید یک فکر را به عنوان اصل راهنما حفظ کنید - "آیا این تغییر برای خوانندگان من یا موتورهای جستجو برای درک بهتر آن مفید است؟" خودشه! در طول این راهنما، متوجه خواهید شد که چگونه این اصل تقریباً همیشه خوب است. بیا شروع کنیم.

اهمیت بصری بودن محتوا

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

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

از زمان انتشار Hummingbird (آخرین الگوریتم جستجوی گوگل) در سال 2013، سازندگان محتوای بصری ابزارهای بیشتری نسبت به قبل برای تقویت رتبه بندی سئو محتوای بصری خود در اختیار داشته اند. فرآیند بهینه‌سازی پست‌های بصری اکنون یک موضوع ساده برای درک اهمیت رویکرد جامع به سئو و کادربندی محتوا به بهترین شکل ممکن برای ایجاد پیوند، ترافیک، شناسایی و رتبه‌بندی است.

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

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

آموزش سئو تصاویر ( سئو عکس ) Image SEO :

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

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

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

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

تجربه کاربر باید در هسته استراتژی سئوی تصویر شما باشد

از یک طرف، اگر ویژگی های HTML تصویر را به درستی پر کنید، صفحه خود را از نظر معنایی تقویت می کنید و به موتورهای جستجو کمک می کنید تا محتوای شما را درک کنند.

گوگل و تصاویر

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

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

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

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

راهنمای شروع سئو گوگل در این مورد بسیار واضح است!

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

بهینه سازی تصاویر ( سئو عکس ) در سئو حرفه ای سایت

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

• استفاده از تصاویر با کیفیت
• استفاده از تصاویر زیبا ، برای افزایش جذابیت و خوانائی و تاثیر گذاری
• محدود نگه داشتن تعداد تصاویر در هر صفحه
• استفاده از پسوند مدرن webp به جای png , jpg
• استفاده از ایکن و svg به جای تصاویر
• تکمیل متن جایگزین در تصاویر
• کاهش حجم تصاویر
• کاهش و بهینه سازی سایز تصاویر
• مشخص کردن طول و ارتفاع برای تصاویر
• فعال کردن gzip هاست
• استفاده از تگ max-width برای بهینه سازی تصویر در موبایل
• تهیه نقشه سایت برای تصاویر و معرفی آن به گوگل

چند توصیه در مورد انتخاب عکس و سئو تصویر

از تصاویر با کیفیت استفاده کنید .

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

امروزه به راحتی می تواند به عکس های با کیفیت و رایگان دسترسی داشت ، فقط کافی است کمی بیشتر بگردیم .با وب‌سایت‌هایی مانند Unsplash, Pexels, Pixabay و بسیاری دیگر، اکنون ساده‌تر از همیشه می‌توانید تصاویری با کیفیت بالا و رایگان برای همراهی محتوای خود تهیه کنید.

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

نمونه تصویر illustrations از سایت storyset

برای هر صفحه از وب سایت یک تصویر در نظر بگیرید

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

فقط در صورت لزوم از تصاویر استفاده کنید

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

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

تجربه شخصی من در حذف تصاویر

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

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

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

( لطفا اگر تجربه ای در این زمینه دارید ، لطفا با من در میان بگذارید )

متن زیادی به تصاویر اضافه نکنید، هوشمندانه متن را به تصویر اضافه کنید.

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

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

متن مهم مانند عنوان و توضیحات و تصاویر خود را جدا نگه دارید. کاربران و موتورهای جستجوگر شما آن را دوست خواهند داشت.

البته این مربوط به وب سایت است ، صفحات اجتماعی مانند اینستاگرام داستان دیگری دارد.

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

گفته می شود که گوگل متن داخل تصاویر را تشخیص می دهد و این ارتباط تصویر و موضوع را تقویت می کند.

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

تصاویر برداری و raster

تا جایی که امکان دارد از گرافیک برداری استفاده کنید

دو نوع گرافیک وجود دارد - شطرنجی (مبتنی بر پیکسل) -  raster (pixel-based) -  و برداری (مبتنی بر خط) - vector (line-based) - . تصاویر JPG و PNG در دسته اول قرار می گیرند، در حالی که تصاویر SVG در دسته دوم قرار می گیرند.

احتمالاً متوجه شده اید که اگر یک تصویر JPG یا PNG را فراتر از اندازه آنها بکشید، آنها شروع به پیکسل شدن می کنند. از سوی دیگر، گرافیک های برداری مانند SVG ها صرف نظر از اینکه چگونه آنها را مقیاس بندی می کنید، اصلاً پیکسل نمی شوند.

همخوانی تصاویر و موضوع صفحه

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

به کپی رایت احترام بگذارید

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

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

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

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

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

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

برای تصاویر نام مناسب انتخاب کنید .

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

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

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

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

برای نام گذاری تصاویر می توانید بین 3 تا 5 کلمه انتخاب کنید، بیشتر از آن امکان دارد ؟ بله ، اما فاید آن چیست

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

اضافه کردن سایز تصویر به نام آن

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

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

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

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

تصاویر WebP از فشرده سازی بدون اتلاف ( افت کیفیت ) پشتیبانی می کند و دارای یک کانال آلفا برای شفافیت است، به این معنی که می تواند تصاویر PNG را فشرده کند و پس زمینه شفاف را حفظ کند.

وردپرس چند ماهی است که امکان درج تصاویر با فرمت WebP را فراهم نموده است .

همخوانی تصاویر با موضوع صفحه و بخش های صفحه

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

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

انتقال پیام، مهمترین فاکتور انتخاب تصاویر

تصاویر خود را برای موبایل بهینه کنید

لود هوشمند یا Image Lazy Loading چیست؟

تکنیک لود هوشمند ( نه لود تنبل ) Lazy Loading Images مجموعه‌ای از تکنیک‌ها در توسعه وب و برنامه‌های کاربردی است که بارگذاری تصاویر را در یک صفحه به زمان دیگری موکول می‌کند - زمانی که آن تصاویر واقعاً مورد نیاز هستند، به جای بارگذاری آنها از قبل. این تکنیک ها به بهبود عملکرد، استفاده بهتر از منابع دستگاه و کاهش هزینه های مرتبط کمک می کند.

اما من چرا از تکنیک هوشمند لود تصویر استفاده می کنم ، همانطوری که می دانید ، ترجمه Lazy Loading Images همان لود تنبل می شود ، اما با توجه به کارائی و تاثیر مثبتی که دارد ، لازم دانستم از آن تقدیر و آنرا با نام بهتری صدا کنم :)

چک لیست سئو تصاویر

نام گذاری فایل تصویر :

• از نام معنی دار استفاده کرده و محتوای تصویر را توصیف کنید.
• برای نام فایل از کلمه کلیدی یا چندین کلمه کلیدی استفاده کنید.
• برای نام گذاری بین کلمات از خط فاصله “-” استفاده کنید.
• برای نام گذاری تصاویر از 3 تا 5 کلمه استفاده کنید.
• برای نام تصاویر حداکثر از 256 کارکتر استفاده کنید ، نه بیشتر .
• برای نام تصاویر از کارکترهای خاص مانند “@” استفاده نکنید.
• نام فایل فقط شامل حروف کوچک است. (اگر نام گذاری انگلیسی استفاده می کنید)
• خط فاصله “-” برای جدا کردن کلمات جداگانه استفاده می شود و نه خط زیر “_”.
• اگر می خواهید برند خود را همزمان تقویت کنید، نام برند شما باید در انتهای نام فایل باشد.

متن جایگزین تصویر ( alt ) :

• حتما متن مناسبی به متن جایگزین تصویر اضافه کنید 
• متن جایگزین تصویر یا ویژگی alt توصیفی از محتوای تصویر است.
• با این حال، باید مختصر باشد و فقط شامل یک یا چند جمله باشد.
• شامل کلمه کلیدی اصلی یا فرعی صفحه باشد .
• اگر چندین تصویر در صفحه وب وجود داشته باشد، متن جایگزین تصویر یا ویژگی‌های alt آنها دارای تغییراتی هستند از کلمه کلیدی (مفرد/جمع، و غیره)، مترادف ها و کلمات کلیدی مرتبط باشند
•  نام تجاری خود را بگنجانید، باید در انتهای آن قرار دهید

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

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

تصاویر PNG

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

تصاویرد GIF

تصاویر با پسوند GIF همتای متحرک PNG هستند و از فشرده سازی بدون اتلاف نیز استفاده می کنند. شما می توانید از تصاویر متحرک با پسوند gif استفاده کند.

تصاویر JPG

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

کیفیت یک فایل را بالا می برد و پس از اتمام آن هیچ بازگشتی وجود ندارد.

تصاویر WebP

تصاویر WebP از زمانی که گوگل آن‌ها را در اوایل دهه 2010 معرفی کرد، محبوبیت بیشتری پیدا کردند. طبق یک مطالعه گوگل، وب‌پی‌ها می‌توانند بین ۲۵ تا ۳۴ درصد کوچک‌تر از JPG باشند. علاوه بر این، می‌توانید از فشرده‌سازی بدون افت کیفیت در WebPها استفاده کنید تا آنها را به اندازه‌های کوچک‌تر کاهش دهید.

چیزی که باید در مورد WebP ها در نظر داشت این است که آنها به طور جهانی پذیرفته نشده اند. از زمان نوشتن این مطلب، WebP ها توسط دستگاه های iOS پذیرفته نمی شوند. با این حال، آخرین نسخه تمام مرورگرهای دیگر، گوگل یا غیره، با کمال میل آنها را نمایش می دهد.

فشرده سازی تصاویر

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

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

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

فشرده سازی بدون افت کیفیت (بدون ضرر ) Lossless

این فرم از فشرده سازی در PNG و GIF استفاده می شود. برای فشرده سازی فایل، ابرداده حذف می شود. به این ترتیب، یکپارچگی تصویر دست نخورده باقی می‌ماند، اما انقباض فایل به اندازه‌ای که با فشرده‌سازی با افت کیفیت ، قابل توجه ای نیست.

فشرده سازی همراه با افت کیفیت Lossy

این فرم از فشرده سازی برای JPG و WebP اعمال می شود. برای فشرده‌سازی فایل، برخی از قسمت‌های تصویر «از دست می‌روند» که می‌تواند به برخی نقاط ظاهری زیباتر از تصویر اصلی بدهد. در بیشتر موارد، به سختی قابل توجه است، مگر اینکه به دقت به کنار هم از دو تصویر نگاه کنید. اما برای بازدیدکنندگان شما، به راحتی می توان از این تخریب غافل شد، زیرا هیچ نسخه اصلی برای مقایسه وجود ندارد.

هایت لینک یا Hotlinking چیست ؟

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

منبع تصویر : www.keycdn.com

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

https://websiteB.com/path/to/image.jpg

آنها در عوض از دامنه وب سایت A استفاده می کنند:

https://websiteA.com/path/to/image.jpg

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

چگونه از هات لینک جلوگیری کنیم

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

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

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

در هر دو مورد، مطمئن شوید که اختیار مناسبی برای استفاده از دارایی‌های شخص دیگری دارید (مثلاً مالک به شما اجازه داده است یا دارایی بخشی از مجوز مشترک خلاقیت است).

محافظت از هاتلینک از طریق سرور مبدا

اگر تصویری در وب‌سایت شما در جای دیگری ارجاع داده می‌شود، بنابراین پهنای باند شما را مصرف می‌کند، می‌توانید محافظت از لینک‌ها را اجرا کنید. این فقط به ارجاع دهندگان خاص اجازه می دهد تا به دارایی های شما دسترسی داشته باشند. بخش های زیر نحوه دستیابی به این محافظت را با Nginx و Apache نشان می دهد.