پر کردن تگ Alt و تمام. این تصور بسیاری از سئوکاران درباره اقداماتی است که در حوزه بهینه سازی تصاویر می بایست انجام داد.
به نظر شما تنها همین فاکتور در بهینه سازی تصاویر مهم است؟
فاکتورهایی که می بایست برای بهینه سازی تصاویر سایت در نظر گرفت، چیزهایی فراتر از یک تگ alt است. گوگل در این حوزه به قدری هوشمندانه عمل می کند که حتی برخی از اساتید سئو سایت به این نتیجه رسیده اند که این تگ دیگر اثر خاصی بر روی بهینه سازی تصاویر ندارد.
ما در ادامه این محتوای آموزشی، مهم ترین نکات سئو تصاویر در سال 2023 را برایتان بررسی می کنیم:
1- مناسب ترین نام برای فایل تصویر
با بررسی هایی که انجام دادیم متوجه شدیم که نام فایل تصاویر نیز برای گوگل اهمیت بسیار زیادی دارد. بهتر است که مرتبط ترین نام را برای این بخش انتخاب کنید. البته ما تکنیکی را برای نمایش بهتر تصاویر در نتایج گوگل در نظر داریم که می تواند برایتان کاربردی تر باشد:
به عنوان مثال برای محتوایی که کلیدواژه اصلی آن “آموزش سئو” است، بهترین کار در نظر گرفتن ترجمه انگلیسی کلیدواژه برای تصاویر محتوا است، البته در صورتی که تصویر اهمیت زیادی از نظر محتوایی نداشته و شما قصد دارید برای جذابیت بیشتر محتوا، تصاویر را در متن قرار دهید.
در نتیجه به جایی که تصویری با نام IMG0045.JPG را در محتوا آپلود کنید، برای بهینه بودن نام تصویر، بهتر است که seo-learning-2023.jpg را برای محتوای مثال بالا در نظر بگیریم.
جالب است بدانید که گوگل از سال 2013 به این فاکتور بهینه سازی اشاره داشته است.
حواستان به موضوع keyword-stuffing (استفاده بیش از حد کلمات کلیدی در محتوا و بهینه سازی بخش های مختلف) نیز باشد. برخی در بهینه سازی تصاویر از چندین کلیدواژه استفاده می کنند
خوب: seo-learning-2023.jpg
بد: Image-seo-local-onpage-learning-seo-2023.jpg
2- متنی توصیفی و جذاب برای تگ Alt تصویر
تگ Alt تصاویر جایگاهی برای توصیف هر چه بهتر تصویر است. پس پر کردن با کلیدواژه های گوناگون، هیچ کمکی در بهینه سای تصاویر نخواهد کرد. البته در توصیف تصویر فراموش نکنید که از کلیدواژه های محتوا نیز استفاده کنید.
در ادامه کد html یک تصویر به همراه تگ Alt آن را قرار می دهیم:
<img data-src="seo-tips-2023.jpg" alt="all tips about seo in 2023"/>
گوگل در بخش دستورالعمل های رسمی خود (Google’s official guidelines) درباره تگ Alt تصاویر اینگونه بیان می کند:
“گوگل از متونی که در قالب تگ Alt قرار می گیرد، برای درک بهتر موضوع تصویر و متن محتوا، استفاده می کند. در انتخاب متنی مناسب برای این بخش و بهینه سازی آن به عنوان یک محتوای غنی با اطلاعات کامل، دقت و تمرکز کنید. از پر کردن بخش آلت با کلیدواژه های مرتبط، پشت سر هم و بی معنی خودداری کنید.”
به عنوان مثال می خواهیم تگ آلت تصاویر یک خودرو را پر کنیم. برای این کار در صورتی که از جهات مختلف خودرو تصویر داریم، می بایست در تگ آلت و نام تصویر جهت نمای خودرو را ذکر کنیم:
<img data-src="benz-e200-side-view.jpg" alt="this is side view benz e200"/>
بهتر است که ترجیحا از حروف اضافه مانند a، of، the و… استفاده نکنیم یا حداقل کمتر استفاده کنیم.
برای سئو تصاویر محصولات نیز می توانید شماره سریال تصویر را در تگ Alt تصاویر، ذکر کنید. این می تواند کمک شایانی به نمایش محصول شما در صورت جستجو شماره سریال تصویر، در نتایج گوگل کند. برخی از کاربران تنها یک شماره سریال دارند و می خواهند اطلاعات دقیقی با توجه به آن شماره، دریافت کنند.
این نکاتی که برای بهینه سازی تصاویر ذکر می کنید، لزومی به استفاده از آن نخواهید داشت اما در صورت استفاده به سادگی می توانید به نتایج اول گوگل در SERP برسید.
نکته: برای پرکردن تگ alt تصاویر در سایت های وردپرسی می بایست، زمانی که تصویر را بارگزاری می کنید، بخش مربوط به “متن جایگزین” را پر کنید.
3- انتخاب بهترین فرمت تصویر
یکی دیگر از مواردی که در بهینه سازی عکس برای وب سایت باید در نظر بگیرید، فرمت تصاویر است.
به طور کلی سه فرمت اصلی برای تصاویر اینترنتی در نظر گرفته می شود:
- JPEG
- PNG
- GIF
فرمت تصاویر اثر مستقیم بر روی حجم آن داشته و حجم تصاویر نیز اثر مستقیم روی سرعت سایت و لود شدن صفحات دارد. در نتیجه نمی توان به سادگی از کنار این فاکتور مهم گذشت.
هدف اصلی ما در بهینه سازی عکس برای وب سایت باید کم حجم بودن تصاویر در عین حال باکیفیت بودن آن نیز باشد.
سرعت سایت یا بهتر است بگوییم سرعت لود صفحات سایت، یکی از مهم ترین فاکتورهای سئو تکنیکال است. تصور کنید وارد یک فروشگاه شده اید. در صورتی که فروشگاه با تاخیر محصول را به شما ارائه دهد، ممکن است شما تصمیم به خروج از آنجا را بگیرید.
حال تصور کنید هر پرسنل کارهایی نظیر معرفی محصول، ارائه آن و خدمات به مشتری را با تاخیر انجام دهد. با گذشت زمان این فروشگاه تمام مشتری های خود را از دست می دهد. فاکتور سرعت سایت نیز به همین اندازه در سئو اهمیت دارد.
در صورتی که سایت با اندکی تاخیر لود شود، کاربران زیادی هستند که صبر و حوصله برای لود شدن صفحه نداشته و سریعا سایت را ترک می کند و همین موضوع اتفاقات ناگواری مانند اثرگذاری روی بانس ریت، کاهش رنک صفحه و حتی حذف از نتایج گوگل را به همراه دارد.
فرمت تصاویر نیز همان طور که گفتیم، اثر مستقیم روی این موضوع می گذارد.
با توجه به تصویر بالا و تجربه ما در بهینه سازی تصاویر، بهترین فرمت عکس برای وب سایت ها، JPEG است.
بهتر است بدانید که قالب جدیدی از فرمت تصاویر تحت عنوان WebP به دنیای وب معرفی شده است که بسیار کارآمد و بهینه است اما در حال حاضر فقط در مرورگرهای Chrome و Opera پشتیبانی می شود.
4- انتخاب بهترین سایز تصویر متناسب با وب سایت
یکی دیگر از مواردی که در بهینه سازی تصاویر اهمیت دارد، سایز تصاویر است. تاثیرگذاری این فاکتور غیرمستقیم است اما به طور کلی روی تجربه کاربری و رشد سئو سایت، اثرگذار خواهد بود. شما باید بدانید که وبسایتتان تصاویر را نهایتا با چه عرضی، می تواند نشان دهد و افت کیفیت نداشته باشد. در این صورت می توانید بهترین بهترین سایز تصاویر متناسب با وب سایت خود را انتخاب و تصاویر را بر این اساس، بهینه سازی کنید.
به عنوان مثال سایت نیوسئو تصاویر را با عرض 1200 بهینه سازی و بارگزاری می شوند.
مرورگرها معمولا تصاویر بیشتر از 720 پیکسل را به تغییر سایز می دهند تا متناسب با صفحه نمایش های مختلف، نمایش داده شود. شاید در نگاه اول این اقدام را کاربردی در نظر بگیرید اما سرعت لود صفحه بسیار کاهش پیدا می کند. در نتیجه بهترین کار این است که حداکثر عرض قابل نمایش در وب سایت خود را بیابید و براساس آن، تصاویر را بهینه سازی و تغییر سایز دهید.
برای یافتن بهترین سایز متناسب با قالب وب سایت خود، می توانید با بررسی کلاس post-content در کدهای CSS وب سایت خود، این مورد را بیابید. البته این راهکار برای وب سایت هایی هست که کدهای CSS آن در حد استاندارد، بهینه سازی شده باشند. به تصویر زیر دقت کنید:
اما تمامی اقداماتی که ما برای پیدا کردن سایز مناسب تصاویر سایت انجام می دهیم، در جهت ریسپانسیو کردن تصاویر است که در این محتوا بیشتر به آن خواهیم پرداخت.
5- ریسپانسیو کردن تصاویر سایت
در حالت ایده آل ما می خواهیم که تصاویر وب سایتمان در تمامی دستگاه ها و مرورگرها به بهترین حالت قابل مشاهده باشند. حال به نظر شما برای این هدف، باید چه اقداماتی را انجام دهیم. در ادامه کاربردی ترین راهکارها برای ریسپانسیو کردن تصاویر را شرح می دهیم:
- در کدهای CSS فاکتور width را روی 100 درصد قرار دهید
- در کدهای CSS فاکتور max-width را روی 100 درصد قرار دهید
- از attribute کد
استفاده کنید. در صورتی که از این راهکار استفاده کنید باید نسخه های مختلفی از تصویر را در سرور آپلود کنید تا در صفحه نمایش های مختلف یا دستگاه های مختلف، تصویر با سایز متناسب با آن، نمایش داده شود.
6- کاهش حجم تصاویر
به دو تصویر زیر دقت کنید:
هر دو این تصاویر دارای کیفیت و شفافیت قابل قبولی هستند. اما تفاوت اصلی این است که تصویر با حجم 31 کیلوبایت راحت تر و بهتر از تصویر 73 کیلوبایت، بارگزاری و لود می شود. این یعنی تصویر مستقیم روی سرعت بارگزاری صفحات و به طور کلی سرعت سایت.
پیشنهاد ما این است که در زمان کاهش حجم تصاویر، حتما از ابزارهای مختلف استفاده کنید و بازخوردهای هر کدام را یادداشت کنید. در آخر باید به پاسخ این سوال برسید که کدام ابزار در مقابل بیشترین کاهش حجم، بالاترین کیفیت تصویر را به شما خواهد داد.
برخی کاربردی ترین ابزارهای کاهش حجم برای بهینه سازی تصاویر عبارت اند از:
- Imageoptim
- Shortpixel
- Kraken.io
- TinyPNG
- Optimizilla
- Imagify.io
- Compressor.io
7- استفاده از تصاویر جذاب و خاص
خودتان را به جای کاربران بگذارید. تصاویر وب سایت ها چه در سرچ گوگل و چه در خود وب سایت، مهم ترین مواردی هست که بیشتر از موارد دیگر، توجه کاربران را به خود جلب می کنند. بنده به عنوان یک کاربر فعال حوزه وب، وقتی با یک وب سایت با تصاویر شخصی سازی شده و خاص روبرو می شوم، نگاهم به آن وب سایت تغییر کرده و راحت تر اعتماد می کنم. مخصوصا برای صفحات محصول.
در نتایج گوگل نیز جریان به همین صورت است. زمانی که شما عبارتی را در گوگل، جستجو می کنید، در بخش Image با تصاویر زیادی روبرو خواهید شد، اما تنها تصاویر خاص، شخصی سازی شده برایتان جذاب خواهد بود.
در نتیجه در کنار رعایت نکات و موارد بالا، استفاده از تصاویر خاص و یونیک را فراموش نکنید.
8- پیدا کردن تصاویر بی کیفیت و مشکل دار
یکی دیگر از اقدامات مهم برای بهینه سازی تصاویر وب سایت پیدا کردن تصاویر مشکل دار و بی کیفیت است. شما قصد دارید به طور کامل وب سایت خود را سئو کنید. در نتیجه یکی از اقداماتی که در لیست تسک های سئو داخلی قرار می گیرد، بهینه سازی تصاویر قدیمی، بی کیفیت و خراب است. برخی صفحات ممکن است با مشکل عدم نمایش تصویر روبرو شده باشند.
ابزارهای زیادی هستند که تصاویر خراب و بی کیفیت وب سایت شما را بعد کراول کامل سایت، نشان می دهند اما هیچ کدام کامل و جامع نیست و حتی برخی در ایران کارایی ندارد. شما می توانید با ابزارهای کراولر مانند Screaming frog تصاویر بی کیفیت، حجم بالا و لینک های شکسته با فرمت های تصویری را بیابید و تصاویر را بهینه سازی کنید.
سخن آخر
در این مقاله سعی کردیم مهم ترین و البته جدیدترین نکات سئو تصاویر را برای شما بررسی کنیم تا در راستای بهینه سازی تصاویر از این نکات بهره مند شوید. تمامی نکات این محتوا برگرفته از بروز رسانی های جدید دوره آموزش سئو سایت نیوسئو است.
