۵ تکنیک برای بهینه سازی تصاویر برای وب سایت ها
چرا بهینه سازی تصاویر سایت مهم است؟ چون طبق تحقیقات زمان صرفشده توسط یک کاربر در یک وبسایت ۴۵ ثانیه است. دقت کنید، ثانیه! پس با وجود میلیونها صفحات وب که وجود دارند چطور میتوانیم کاربر را راضی و ترغیب کنیم که دوباره برگردد؟ پاسخهای زیادی برای این سؤال وجود دارد. اما بهینه سازی تصاویر از مهمترین آنهاست. در این راهنما از خانه فتوشاپ همراهمان باشید تا تکنیکهای بهینه کردن تصاویر وب سایت را ببینیم.
در این صفحه میخوانید:
روشهای بهینه سازی تصاویر
تصاویر از سایت ها جداشدنی نیستند. میتوان گفت حذف کردن تصاویر از سایت ها به اندازه بهینه نبودشان برای سئو بد است. سایت بدون عکس معنی ندارد. اما اصلاً جای نگرانی نیست. میتوانیم تصاویرمان را بهینه کنیم تا از همین ابزار برای ارتقای سئو نیز استفاده کنیم.
اما روشهای بهینه سازی تصاویر برای سئو چیست؟ بیایید ببینیم.
۱/ فرمت مناسب را انتخاب کنید
اگر میشد که از یک فرمت همهجا استفاده کنیم، پس این همه فرمت متنوع نداشتیم! رایجترین فرمتهای تصویر JPEG و PNG هستند. در حالت کلی معمولاً نسخه PNG یک عکس از نسخه JPEG آن حجم بیشتری دارد. بنابراین توصیه ما این است که جز در موارد خاص، از فرمت PNG استفاده نکنید. موارد خاص یعنی چه؟
لوگویی که بالای سایت یا هر جای دیگر قرار میدهید باید بدون بکگراند باشد. در غیر این صورت ظاهر سایت را به هم میریزد. وقتی طرحی داریم که نباید بکگراند داشته باشد، باید به سراغ PNG برویم. اگر تصویری را که بکگراند ندارد با فرمت JPEG ذخیره کنیم، به طور خودکار یک پسزمینه برای آن قرار داده میشود (معمولاً بکگراند سفیدرنگ).
البته فرمت WebP هم یکی از بهینهترین فرمتها است. اما تصاویری که این فرمت را دارند، به راحتی در سایت آپلود نمیشوند. ولی نگران نباشید! برای بهینه سازی تصاویر وردپرس افزونههایی هستند که فرمت تصاویر را بعد از بارگذاری به WebP تبدیل میکنند. بنابراین میتوانید از این روشها استفاده کنید تا عکسهایتان را با کمترین حجم ممکن آپلود کنید.
در هر صورت یادتان باشد که طبق گفته گوگل تصاویر حداکثر باید زیر ۵۰۰ کیلوبایت باشند. البته اگر سایتی دارید که تصاویر زیادی دارد این عدد خیلی بالاست. بهتر است تصاویرتان را تا زیر ۵۰ کیلوبایت بهینه کنید.
برای تغییر فرمت و بهینه سازی تصاویر وب سایت میتوانید از وبسایتهایی مانند «Convertio.co» استفاده کنید. کافی است عکستان را در این سایت بارگذاری کرده و فرمت مد نظرتان را انتخاب و روی Convert کلیک کنید.
نکته: میتوانید در یکی از آموزشهای ویدئویی رایگان از خانه فتوشاپ آموزش «کاهش حجم تصاویر در فتوشاپ» را مشاهده فرمایید.
۲/ سایز تصویر را تغییر دهید
در بسیاری از سایتها اگر یک تصویر کوچک را دانلود کنید، میبینید که سایز آن بسیار بزرگ است. وقتی به این سایز بزرگ نیازی نداریم چرا آن را کم نکنیم؟ بله، یکی از سادهترین روشهای کاهش حجم عکس، کم کردن سایز آن است.
برای کوچک کردن تصویر میتوانید عکس مدنظرتان را در فتوشاپ یا در ابزار آنلاین «Photopea.com» باز کنید. سپس روی منوی Image فتوشاپ که بالای برنامه است کلیک و گزینه Image Size را انتخاب کنید. در پنجرهای که باز میشود، یکی از اعداد Width که عرض است یا Height که ارتفاع است را کمتر کنید. اگر علامت زنجیره که سمت چپ این اعداد است روشن باشد، هر عددی را که عوض کنید، عدد دیگر متناسب با آن عوض میشود.
در نهایت OK را بزنید. بعد به مسیر File> Export as بروید و فرمت دلخواهتان را انتخاب کرده و خروجی بگیرید.
۳/ نام درستی برای تصویر انتخاب کنید
منظورمان از نام درست چیست؟ نامی که بیانکننده محتوای عکس باشد. به شکلی ساده و در ۴،۳ کلمه بگویید که عکس چه پیامی دارد. بهتر است نام تصویر شامل کلمه کلیدی صفحهای باشد که قرار است عکس را در آن آپلود کنید. در هر صورت کلماتی مانند image یا اعداد، خلاف مسیر بهینه سازی تصاویر حرکت میکنند و تصمیم خوبی نیستند.
اینجا باید به متن جایگزین تصویر هم اشاره کنیم. این متن هم قرار است توضیحی باشد از محتوای عکس. وقتی رباتهای گوگل به تصاویر میرسند، متن جایگزین را میخوانند و سعی میکنند درک کنند که این عکس شامل چیست. البته رباتهای گوگل به اندازهای در حال پیشرفت هستند که کمکم محتواهای تصاویر را هم میفهمند. اما متن جایگزین تصویر یا Alt text روشی ساده است که کار این رباتها را سادهتر کنیم.
متن جایگزین تصویر هم بهتر است شامل کلمه کلیدی و در حد ۳ الی ۴ کلمه باشد.
۴/ در بهینه سازی تصاویر سایت، به فکر شبکههای اجتماعی هم باشید
اگر در شبکههای اجتماعی هم فعالیت دارید یا سایتتان طوری است که عکسها در آن بسیار مهم هستند (مثل سایتهای عکاسی، گرافیکی و…) این مورد را فراموش نکنید.
شبکههای اجتماعی یک بازار بالقوه بزرگ و قدرتمند برای کسبوکارها هستند. برای این که بیشترین بازخورد و نتیجه را از این پلتفرمها بگیرید، میتوانید آیکونهای بهاشتراکگذاری در اینستاگرام، توییتر و… را کنار عکسها قرار دهید. گوگل نیز از این تصمیم شما استقبال میکند و سئوی سایتتان ارتقا پیدا میکند.
۵/ بنرهای جذاب برای صفحه اصلی طراحی کنید
هدف از طراحی بنر در وب سایت ایجاد یک نقطه تمرکز است. اولین چیزی که کاربر بعد از ورود به صفحه اصلی میبیند، همین بنرها هستند. بنرها میتوانند در عرض چند ثانیه پیام مهمی را به کاربر بدهند یا نظر او را جلب کنند. البته اگر جذاب و واضح باشند!
طراحی بنر آنقدرها هم سخت نیست. کافی است کار با فتوشاپ را بلد باشید و حس زیباییشناسی خود را بیدار کنید. اگر بنرهای جذابی را در صفحه اصلی قرار دهید، تأثیری غیرمستقیم بر سئوی سایت خواهد داشت.
نکته: اگر مایلید که به فتوشاپ، این برنامه قدرتمند مسلط شوید، میتوانید از دوره آموزش صفر تا صد فتوشاپ استفاده کنید.
در آخر
طراحی وب و بهینه سازی تصاویر سایت نهتنها سخت نیستند، بلکه بسیار هم شیریناند. به خصوص وقتی با سئو کردن سایت کمکم نتایج آن را میبینیم. اگر مشتاقید که مهارتهای خود را در حوزه وب ارتقا دهید، میتوانید از آموزشهای خانه فتوشاپ استفاده کنید.
برای مثال میتوانید در دوره آموزش طراحی وب سایت با المنتور شرکت کنید و وبسایتهای فروشگاهی را که سختترین سایتها هستند طراحی کنید.
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیریمطالب زیر را حتما مطالعه کنید
درآمد تدوین چقدر است؟ درآمد ادیت ویدیو سال ۱۴۰۳
۱۰ ایده بک گراند برای انواع پروژه ها
۱۷ مورد از سبک های طراحی گرافیک که باید بشناسید
عکاسی زیباییشناختی یا Aesthetic photography: راهنمایی برای خلق تصاویر زیبا
تفاوت هنرمند و تصویرساز در چیست؟
دستورهای ترکیبی هوش مصنوعی: راهحلی نوآورانه برای خلق تصاویر متنوع با هوش مصنوعی
دوره های آموزشی مرتبط
مجموعه قالب سایت فتوشاپ لایه باز
آموزش طراحی انواع سایت فروشگاهی با المنتور
آموزش طراحی رابط کاربری با xd
آموزش تولید محتوا و سئوی مطالب وردپرس
آموزش سئو و بهینه سازی سایت
1 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
خیلی ممنون بابت مقاله خوبتون ✅