جستجو برای:
  • صفحه نخست
  • مقالات آموزشی
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
  • قالب رایگان وردپرس
    • قالب فروشگاهی
    • قالب ویژه مشاغل
    • قالب آموزشی
    • قالب پزشکی
    • قالب شرکتی
    • قالب نمونه کار
    • قالب وبلاگی
    • قالب مجله خبری
    • قالب چند منظوره
    • قالب تک صفحه ای
  • افزونه وردپرس
    • آموزش رایگان المنتور
    • آموزش های ووکامرس
  • دوره های آموزشی
    • آموزش کسب درآمد اینترنتی
    • آموزش طراحی سایت با المنتور
    • آموزش جامع وردپرس
    • آموزش فارسی سازی قالب وردپرس
    • آموزش HTML-CSS مقدماتی
    • آموزش ووکامرس مقدماتی
 
افق وب
  • صفحه نخست
  • مقالات آموزشی
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
  • قالب رایگان وردپرس
    • قالب فروشگاهی
    • قالب ویژه مشاغل
    • قالب آموزشی
    • قالب پزشکی
    • قالب شرکتی
    • قالب نمونه کار
    • قالب وبلاگی
    • قالب مجله خبری
    • قالب چند منظوره
    • قالب تک صفحه ای
  • افزونه وردپرس
    • آموزش رایگان المنتور
    • آموزش های ووکامرس
  • دوره های آموزشی
    • آموزش کسب درآمد اینترنتی
    • آموزش طراحی سایت با المنتور
    • آموزش جامع وردپرس
    • آموزش فارسی سازی قالب وردپرس
    • آموزش HTML-CSS مقدماتی
    • آموزش ووکامرس مقدماتی
ورود / عضویت

وبلاگ

افق وب > بلاگ > مقالات آموزشی > در طراحی سایت تصاویر چه اهمیتی دارند؟ سئو تصاویر سایت

در طراحی سایت تصاویر چه اهمیتی دارند؟ سئو تصاویر سایت

مهر 25, 1396
مقالات آموزشی, سئو

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

در قدم اول این سوالات را از خود بپرسید که آیا مخاطبان این گونه تصاویر را می پسندند؟ آیا تصاویر با مخاطبان ارتباط مثبتی را برقرار می کند؟ آیا تصاویر سایت شما بهینه سازی شده اند؟ و هزاران سوالی که می توانید از خود در این رابطه بپرسید.

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

اولین اقدام در بهینه سازی عکس استفاده از svg است

Svg مخفف Scalable Vector Graphics توصیف یک تصویر به عنوان یک برنامه کاربردی از زبان نشانه گذاری XML تعریف شده است.

تفاوت بین svg و png

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

مزایای استفاده از svg

  • تصاویر SVG را می توان با هر ویرایشگر متن ایجاد و ویرایش کرد
  • تصاویر SVG را می توان جستجو، نمایه سازی، اسکریپت و فشرده سازی کرد
  • تصاویر SVG مقیاس پذیر هستند
  • تصاویر SVG را می توان با کیفیت بالا در هر رزولوشن چاپ کرد
  • تصاویر SVG zoomable (بدون تخریب شدن می توان تصاویر را زوم کرد )
  • SVG یک استاندارد باز است. بزرگترین مزیت SVG بیش از Flash سازگاری با استانداردهای دیگر است (به عنوان مثال XSL و DOM). فلش مبتنی بر تکنولوژی اختصاصی است که منبع باز نیست.
  • فایل های SVG XML خالص هستند
  • رقیب اصلی SVG فلش است.

دومین قدم ریسپانسیو کردن تصاویر سایت است

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

سومین عامل حجم تصاویر در سایت است

در فشرده سازی تصاویر فرمت های زیادی وجود دارد که هر کدام دارای ویژگی های خاصی می باشد که خود طراح سایت باید یکی از مناسبترین فرمت ها را انتخاب کند و از آن استفاده کند.

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

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

compressor.io این سایت یکی از نمونه های عالی می باشد تصاویربا فرمت های JPEG , PNG, GIF , SVG را پشتیبانی می کند. و حجم تصاویر را تا حداکثر 10 مگابایت را کاهش می دهد و در آخر هم می توانید در درایو کامپیوتر خود آن را ذخیره کنید.

نتیجه گیری

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

 

4.5/5 - (2 امتیاز)
برچسب ها: آموزش سئو تصاویربهینه سازی سایتطراحی سایتگرافیک سایت
درباره آتشگاه

آموزش تنها حرفه ای است که حرفه های دیگر را ایجاد می کند. من عاشق این حرفه هستم.

جدیدتر چگونه قالب مناسب برای سایت وردپرس خودمان انتخاب کنیم؟
قبلی 5 قدم مهم برای طراحی مجدد سایت

دیدگاهتان را بنویسید لغو پاسخ

تازه های آموزش
  • تقویم محتوا چیست؟ (جلسه 33)
  • استراتژی تولید محتوا (جلسه 32)
  • عادت‌ نویسندگان مشهور و سرشناس (جلسه 31)
  • راهنمای کامل تغذیه محتوا نویس (جلسه 30)
  • چگونه یک محتوای تصویری خوب بسازیم؟ (جلسه 29)
  • 10 تکنیک برای افزایش فالوور اینستاگرام (جلسه 28)
  • راه اندازی کمپین در شبکه های اجتماعی (جلسه 27)
  • آموزش 0 تا 100 ایمیل نویسی (جلسه 26)
آموزش رایگان ووکامرس
آموزش رایگان المنتور
آموزش رایگان html -css
درباره افق وب

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

دسترسی بیشتر
  • قوانین و شرایط
  • ارتباط با ما
  • استخدام
  • تدریس خصوصی وردپرس
ارتباط با ما
  • تهران، رباط کریم، مجتمع اداری پردیسان
  • 02156434684
  • info@ofoghweb.com
تمامی حقوق برای افق وب محفوظ می باشد.
اشتراک گذاری در شبکه های اجتماعی
ارسال به ایمیل
https://ofoghweb.com/?p=2447
ورود به سیستم ×

ورود با کد یکبارمصرف
واتساپ
ارسال مجدد کد یکبار مصرف(00:30)
آیا حساب کاربری ندارید؟
نام‌نویسی

ارسال مجدد کد یکبار مصرف (00:30)
برگشت به صفحه ورود به سایت
  • (+98) جمهوری اسلامی ایران
مرورگر شما از HTML5 پشتیبانی نمی کند.