در هنگام طراحی سایت و همچنین نوشتن محتوا برای وبسایت موردنظرمان، از تصاویر زیادی استفاده خواهیم کرد. دلیل آن هم به این خاطر است که تصاویر باکیفیت و زیبا تأثیر خیلی خوبی بر کاربرپسند بودن سایتتان خواهد داشت. اما تصاویر سایزهای و پیکسل‌های مختلفی دارند. گاهی نیاز است تا از یک تصویر باکیفیت و سایز بالا استفاده کنید و بعضی وقت‌ها به تصاویر با سایز و پیکسل پایین برای سایت نیاز خواهید داشت. این مقاله راهنمای انتخاب سایز مناسب عکس برای صفحات سایت خواهد بود و به شما در این ویدئو یاد خواهیم داد. که از کجا بدانید عکس‌هایی که برای سایت خودتان انتخاب کرده‌اید، مناسب و دارای سایز مناسب آن بخش هستند یا خیر.
اهمیت تصاویر در سئو سایت
امروزه همان‌طور که می‌دانید دیگر سئو سایت در این مفهوم خلاصه نمی‌شود که چند تا کلمه کلیدی به یک صفحه از سایت خود اضافه نمایید و یا آن صفحه را پر از مطالب با کلمات کلیدی نمایید و بعد منتظر باشید تا گوگل شما را به صفحه اول خود بیاورد. چنین چیزی در سال‌های قبل امکان‌پذیر بود، اما امروزه موتور جستجوی گوگل بسیار هوشمندانه عمل می‌کند.
در اصل امروزه عامل اصلی رتبه‌گرفتن مقالات و صفحات سایتتان به کاربران بستگی دارد. اینکه وقتی یک کاربر وارد سایت شما شد، چقدر در آن زمان سپری می‌کند. یا چند صفحه و مقاله دیگر در آن را مطالعه می‌کند. آیا مقاله‌ای که نوشتید را اسکرول می‌کند و تا انتها مطالعه می‌کند یا نه؛ بنابراین باید کاری کنید سایتتان کاربرپسند باشد و انتخاب تصاویر زیبا و مناسب در این زمینه به شما کمک خواهد کرد.
حجم مناسب تصاویر برای سایت
در کنار سایز عکس‌هایی که در مقالات و صفحات وب استفاده می‌کنید، باید به حجم این عکس‌ها هم توجه نمایید. در این بخش بهترین کار این است که عکس‌ها را در حجم پایین‌تر از 100 کیلوبایت نگه دارید. تا صفحه شما در هنگام کلیک به‌راحتی لود شود و نیاز به‌صرف زمان برای لود شدن عکس‌ها نباشد. چرا که هرچقدر سرعت باز شدن و لود سایت بالا باشد، تأثیر مثبتی بر رفتار کاربر خواهد داشت. در ویدئوی کاهش حجم عکس بدون افت کیفیت با tinypng ما نحوه کاهش آنلاین حجم عکس‌ها را کامل توضیح داده‌ایم و می‌توانید با تماشای آن این مورد را یاد بگیرید.
نحوه تشخیص سایز مناسب عکس برای صفحات سایت
برای این کار همان‌طور که در ویدئو توضیح داده شد، به صفحه موردنظر خود در سایت بروید و بر روی تصور موردنظر خود کلیک راست نمایید. سپس گزینه inspect را کلیک کرده و خواهید دید که اطلاعاتی از آن تصویر در پایین یا سمت راست مرورگر شما مطابق شکل نمایش داده خواهد شد.
با حرکت‌دادن موس بر روی آدرس عکس اطلاعاتی مطابق شکل برای شما نمایش داده خواهد شد که شامل داده‌های زیر هستند:
- Current source: محل ذخیره عکس را نشان می‌دهد
- File size: حجم تصویر را به شما نشان می‌دهد
- Intrinsic size: اندازه اصلی تصویر را به شما نشان می‌دهد
- Rendered aspect ratio: بهترین سایز تصویر در این صفحه را نشان می‌دهد
- Rendered size: اندازه رندر شده توسط سایت را نشان می‌دهد.
در داده‌های بالا بخش File Size نشان می‌دهد که اندازه فعلی تصویر شما چند پیکسل است. و همچنین بخش Rendered size اندازه مناسب تصویر را نشان می‌دهد. که می‌توانید تصویر را با فتوشاپ به این اندازه درآورده و دوباره در سایت آپلود نمایید.
کلام پایانی
ویدیوی راهنمای سایز مناسب عکس برای صفحات سایت به شما اندازه مناسب تصاویر برای صفحات سایت را نشان می‌دهد. امیدواریم مطالب ارائه شده در این ویدئو برای شما مفید بوده و تیم طراحی سایت فریا در زمینه طراحی سایت در سریع‌ترین زمان و بهترین قیمت در کنار شماست تا تجربه‌ای عالی از دنیای اینترنت داشته باشید.
لطفاً نظرات و پیشنهادهای خود را در این زمینه با ما در میان بگذارید.
