۴- به کارگیری از فرمتهای امروزیخیس تصویر نظیر Webp و Avif
در بالا به معرفی این دو فرمت می پردازیم:
WEBP: این فرمت به وسیله گوگل در سال ۲۰۱۰ به خواسته کاهش وسعت آموزش سئو مشهد تصاویر سوای کاهش چگونگی معرفی گردیدهاست. ۹۷ درصد از مرورگرها در سال ۲۰۲۲ از این فرمت پناه مینمایند. رسیدگیهای گوگل روی این فرمت از لحاظ فشرده سازی علامت بخشید که استعمال از فرمت webp به مکان فرمت JPG، کاهش ۲۵ الی ۳۴ درصدی در وسعت فولدر را به دنبال خواهد داشت و این کاهش وسعت برای فرمت PNG ۲۶ درصد میباشد. AVIF: در سال ۲۰۱۹ معرفی شد و فشرده سازی بهتری را در مقایسه با فرمتهای دیگر ارائه میدهد. فقط ایراد این فرمت این میباشد که بعضی از مرورگرها هنوز از این فرمت پناه نمی کنند. برای مشاهده شرایط پناه این فرمت در مرورگرهای متفاوت می توانید به وب سایت caniuse.com مراجعهنمایید.
درصورتیکه نشانی وب سایت خویش را در ابزار آزمایش سرعت گوگل Google Page Speed Insight وارد نمائید، احتمالا هشداری شبیه اسکرین شات ذیل (Serve Images in next-gen formats) خواهید روءیت کرد:
هشدار ابزار آزمایش سرعت گوگل در یک وبسایت برای به کار گیری از فرمتهای امروزی نظیر webp و avif
فقط نقص این فرمتها این میباشد که ساختوساز آن ها به آسانی ساخت و ساز فرمت JPG که فرمت اساسی در بخش اعظمی از دوربینها و … میباشد وجود ندارد. برای تبدیل عکس به فرمت webp یا این که Avif سفارش ما به کارگیری از squoosh.app میباشد.
روش به کار گیری از فرمت Webp در وردپرس
وردپرس از ورژن 5.8 به آنگاه بصورت اتوماتیک از فرمت webp دفاع مینماید. بهاین مفهوم که شما فارغ از نیاز به نصب به هیچ پلاگینای قابلیت و امکان لود تصاویر با فرمت webp را خواهید داشت. صرفا کافیست عکس را با ابزاری که در نصیب قبل بیان کردیم به فرمت Webp تبدیل فرمایید و در تارنما بار گذاری فرمایید. در صورتیکه تعداد عکسهای وبسایت شما زیاد میباشد، برای ایجاد اتوماتیک این فرمت موردنیاز میباشد که پلاگین shortpixel را خریداری فرمایید. شما با پرداخت ۵ دلار میتوانید اعتبار مایحتاج برای seo و ساخت و ساز فرمت Webp و avif برای ۵۰۰۰ تصویر را اخذ فرمایید.
۵- نامگذاری مطلوب فولدر عکس پیش از آپلود در وبسایت
گوگل درباره گزینش اسم پوشه عکسها در تارنما به روشنی گفته میباشد که:
اسم فولدر عکس میتواند به گوگل سرنخهایی از مورد اساسی عکس بدهد. همت فرمائید برای تصاویر خویش نامی تعیین فرمائید که توضیح مختصری از قضیه عکس باشد. برای مثال، ‘سگ-سپید.jpg بسیار عالی و گویاتر از IMG000023.JPG میباشد.
از جمله عکس پایین در یک روز بارانی و پاییزی در پارک لاله طهران گرفته گردیده است، موبایل مستعمل بصورت اتومات اسم این عکس را photo_۲۰۲۲-۱۲-۲۷_۱۰-۲۲-۲۰.jpg تعیین کرد. یک کاندید نامگذاری مطلوب برای این پوشه پارک-لاله-پاییزی.jpg میباشد.
خلال این گوگل سفارش به به کار گیری از خط تیره(-) در اسم پوشه به مکان خط زیر نوشته(_) مینماید. در عکس بالا به کار گیری از خط زیر نوشته در اسم فولدر برای مثال پارک_لاله_پاییزی.jpg غلط میباشد. قابل ذکر میباشد که نیازی به قراردادن خط تیره در اسم پوشه پیش از لود وجود ندارد. سرورها بصورت خود کار space را به خط تیره تبدیل مینمایند. به خیال و خاطر داشته باشید در حالتیکه که قصد دارید یک برگه از تارنما را به لهجههای دیگر ترجمه فرمایید، عالی میباشد اسم فولدرهای عکس هم ترجمه شوند.
نمونههایی از اسم گذاری درست پوشه عکس برای بهینه سازی
برای مثال در شرایطیکه قصد دارید در ارتباط میدان نقش دنیا یک مقاله در سایتتان منتشر فرمایید و از تصویر ذیل به کارگیری نمایید اسمگذاری تصویر بهشکل میدان-نقش-عالم.jpg گزینش بهتری از DSC4536.jpg میباشد. از به کارگیری مکرر از واژه و کلمه کلیدی غرض در اسم تصاویر (keyword stuffing) بپرهیزید. اسم فولدر عکس را مختصر و سرراست گزینش فرمایید.
چنانچه وبسایت فروشگاهی دارید نام تصاویر میتواند اسم جنس باشد. از جمله درحالتی که یک وب سایت فروش گوشی میباشید اسم تصاویر میتواند بهشکل آیفون-۱۴-پرومکس-۲۵۶-گیگ.jpg باشد
درصورتیکه تا قبل از این تصاویر متعددی داخل وب سایت وردپرسی خویش بار گذاری کردهاید و آموزش سئو در مشهد به نامگذاری پوشهها اعتنا نداشتید، لود دوباره پوشههای عکس با اسم صحیح کاری مجالبر میباشد. در این حالت می توانید از دو پلاگین Media File Renamer و Phoenix Media Rename برای تغییرو تحول اسم عکسهای لود گردیده در وب سایت به کارگیری فرمایید. همینطور در حالتیکه که از یک تصویر در چندجای متفاوت در تارنما به کار گیری کردید و پس از تحقیق این نوشتهعلمی قصد بده بستان آن را دارید با به کار گیری از پلاگین Enable Media Replace می توانید به آسانی فولدر عکس را جایگزین فرمایید. بنابراین از جایگزینی دوباره عکس در صفحه ها گوناگون بینیاز خواهید شد. ۶- از متن جایگزین (Alt text) به کار گیری نمائید
متن جایگزین یا این که alt text یک خصیصه html میباشد و وظیفه تشریح محتوای عکس را به ذمه داراست. ایده اول به کارگیری از متن جایگزین تصویر در طراحی وب سایت، یاری کردن به یوزرها نابینایی میباشد که از ابزارهای ورقه خوان استعمال مینمایند. این خصیصه به یوزرها نابینا امداد مینماید بفهمند که در کجای برگه از چه عکسی و با چه محتوایی مستعمل میباشد. همینطور درصورتی که که مشکلی در لود عکس به وجود بیاید، متن جایگزین در برگه اکران داده می گردد. متن جایگزین از موادسازنده حیاتی در بهینه سازی تصاویر میباشد و به گوگل امداد مینماید فهم ظریفتری از محتوای یک عکس داشته باشد. متن جایگزین از ارکان اصلی در seo آن پیج و seo محتوا میباشد.