نمایش نتایج: از شماره 1 تا 1 , از مجموع 1

موضوع: بهینه سازی تصاویر | سئو تصاویر

  1. #1
    عضو انجمن tabtak آواتار ها
    تاریخ عضویت
    Aug 2015
    محل سکونت
    تبریز-40متری
    نوشته ها
    203
    تشکر تشکر کرده 
    614
    تشکر تشکر شده 
    86
    تشکر شده در
    61 پست

    Cool بهینه سازی تصاویر | سئو تصاویر

    تب تک : در این مقاله قصد داریم توضیح کاملی در باره بهینه سازی تصاویر | سئو تصاویر داشته باشیم . همه ی ما معتقدیم که وبسایت بدون تصویر بسیار کسل کننده هستش و شاید باعث بشه با دیدن چنین سایت هایی پیج رو ببندیم.بهینه سازی تصاویر | سئو تصاویر یکی از فاکتورهای On Page Optimization میباشد.تصویر نکنید که با سئوسازی تصاویر شما فقط در مکان های بالای جستجو ظاهر خواهید شد بلکه شما با بهینه سازی تصاویر یک تجربه خوب از وبسایتتان برای کاربر ایجاد میکنید.

    بهینه سازی تصاویر وردپرس برای کارایی بیشتر و افزایش سئو بدون افزونه از روش های زیر ممکنه:
    انتخاب نام مناسب برای تصاویر (برای افزایش سئوی سایت بسیار موثر است)
    اندازه ی درست و استاندارد تصاویر
    کاهش حجم فایل تصاویر
    افزودن خاصیت alt و title به تصاویر


    انتخاب نام مناسب برای تصاویر

    استفاده از نام مناسب فارسی برای تصاویر اپلود شده میتواند ایندکس شدن عکس رو تو موتور جستجو گوگل راحتر می کنه و باید توجه داشت که عکس مربرطه به متن رو داشته باشد
    اندازه ی درست و استاندارد تصاویر

    یکی از مهمترین فاکتورها در بهینه سازی تصاویر بارگذاری آنها با ابعادی است که در سایت نمایش داده خواهند شد. مشخص نمودن طول و عرض تصویر و یکسان بودن آن با چیزی که به کاربر نمایش داده میشود سرعت صفحات سایت شما را افزایش میدهد. اکثر سیستم های مدیریت محتوا تصاویر شما را در ابعاد مشخصی بازسازی و ذخیره میکنند تا در مکانهای مختلف از آن استفاده کنند ولی در بعضی از سیستم ها اینکار توسط کدهای HTML صورت میگیرد که گزینه مناسبی برای بهینه سازی تصاویر نمی باشد. شاید بهترین انتخاب آن است که تصاویر را از ابتدا در ابعاد مورد استفاده در سایت ذخیره و بارگذاری کنید.
    برای فروشگاه های اینترنتی ممکن است تصویر محصول در صفحات مختلف سایت با ابعاد متفاوتی نمایش داده شود، برای بهینه سازی تصاویر خود از چند عکس با سایزبندی استفاده کرده و هرکدام را در بخش مناسب آن فراخوانی کنید.
    کاهش حجم فایل تصاویر

    در ادامه مطالب ارائه شود به صورت کامل درباره این موضوع پرداخت می شود
    افزودن خاصیت alt و title به تصاویر

    افزودن خاصیت alt و title به تصاویر – جزی از انتخاب نام مناسب برای تصاویر هست برای این کار میتوان از افزونه هم استفاده کرد
    افزونه SEO Friendly Images به صورت خودکار به همه تصاویر شما ویژگی alt وtitle اضافه می کند. همانطور که اطلاع دارید این کار باعث افزایش ورودی از موتورهای جستجو و valid شدن W3C/xHTML می شود. شما می توانید alt و title تصاویر را بر اساس چهار پارامتر مختلف نام گذاری کنید.
    خب ابتدا به پنل مدیریت وردپرس خود مراجعه کنید و جدیدترین نسخه افزونه (SEO Friendly Image) را نصب کنید و یا افزونه خود را به جدیدترین نسخه بروزرسانی کنید .
    سپس از منو سمت راست بر روی SEO Friendly Images کلیک کنید و سپس گزینه Setting را انتخاب کنید که در تصویر زیر مشاهده میکنید .
    بعد از انتخاب گزینه Setting صفحه ای مطابق با تصویر زیر مشاهده میکنید که حاوی قسمت های جدید این افزونه (SEO Friendly Image) میباشد.
    تو تغییرات جدید چند تگ جدید به افزونه اضافه شده است که شما میتونید از این تگ ها به صورت تکی و یا ترکیبی برای سئو بهتر استفاده کنید . که به عنوان مثال میتونید تعیین کنید که چه قسمتی از مطلب در alt و یا title عکس مورد نظر قرار بگیرد .. که ما تک تک تگ ها را بررسی میکنیم و میتونید با میل و سلیقه ی خودتون از آن ها استفاده کنید .
    %title این تگ از عنوان نوشته برای جایگزینی استفاده میکند.
    %desc این تگ از خلاصه نوشته برای جایگزینی استفاده میکند. ( desc خلاصه شده Description میباشد)
    %name این تگ از نام عکس برای جایگزینی استفاده میکند.
    %category این تگ از عنوان دسته برای جایگزینی استفاده میکند.
    %tags و این تگ نیز از برچسب های مطلب برای جایگزینی استفاده میکند.
    حالا در قسمت تنظیمات :
    در قسمت اول میتوانید تعیین کنید که کدام تگ جایگزین ویژگی alt شود . که میتوانید از %name %title استفاده کنید.
    در قسمت دوم میتوانید تعیین کنید که کدام تگ جایگزینی ویژگی title شود . همچنین میتوانید از %name photo در این قسمت استفاده کنید.
    و در آخر توجه داشته باشید که حتما میبایست تیک دو گزینه
    Override default image alt tag
    Override default image title tag
    را بزنید.که افزونه بتواند به طور خودکار متن جایگزین و عنوان را جایگزینی کند.
    فرمت تصاویر
    گوگل میتواند فرمت های BMP, GIF, JPEG, PNG, WebP و SVG را ایندکس کند.واقعا سخت هست که انتخاب کنیم چه فرمتی را در تصاویر قرار دهیم رایج ترین فرمت ها PNG و JPG هستند.همچنین شما میتوانید از سرویس WebP گوگل هم استفاده کنید.براساس ادعای گوگل شما ۳۰ درصد فشرده سازی بیشتر بدون از دست دادن کیفیت انجام خواهید داد.
    از سایت های دیگر لینک تصویر قرار ندهید
    این کار بسیار بد و غیرحرفه ای میباشد چون شما در ساده ترین حالت دارید به سرور دیگر وبسایت ها فشار وارد میکنید.حالت بدتر زمانی است که مدیر آن سایت Hotlink Protection قرار میدهد و به جای تصویر معمولی شما تصویری مانند زیر در وبسایت شما به نمایش در خواهد آمد:
    برای رفع این مشکل می توانید از افزونه زیر استفاده کنید
    بارگذاری خودکار تصاویر

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

    • پیدا کردن تصاویر موجود در متن و بارگذاری خود کار در سایت میزبان
    • جایگذاری آدرس‌های قدیمی با آدرس‌های جدید سایت میزبان در متن
    • افزودن تصاویر بارگذاری شده به کتابخانه چندرسانه‌ای وردپرس و سنجاق شدن به مطلب
    • انتخاب دامنه‌های استثناء جهت نادیده گرفته شدن و بارگذاری نشدن تصاویر آن‌ها
    • انتخاب نام دلخواه برای تصاویر ذخیره شده با استفاده از الگوهای ارائه شده در بخش تنظیمات
    • انتخاب حداکثر عرض و ارتفاع تصاویر و تغییر اندازه تصاویر بزرگ‌تر (نسخه ۲)
    • سازگاری با تمام آدرس‌ها و فایل‌های با نام فارسی و عربی (نسخه ۲)

    روش استفاده

    برای نصب این افزونه مانند افزونه های دیگر وردپرس می‌توانید آن را در بخش «افزونه‌ها>افزودن» با نام «Auto Upload Images» در مخازن وردپرس جستجو و سپس روی دکمه «نصب افزونه» کلیک کنید و یا از این صفحه افزونه را از مخازن وردپرس دریافت و به صورت دستی نصب و فعال نمایید. پس از آنکه افزونه را فعال کردید کار تمام است و افزونه به صورت خودکار تصاویر خارجی که در متون شما وجود دارد را بارگذاری می‌کند اما اگر نیاز دارید تا تنظیمات افزونه را دست‌کاری کنید می‌توانید از بخش «تنظیمات>بارگذاری خودکار تصاویر» تنظیمات مربوط به افزونه را انجام دهید.
    حالا وقتشه که بریم سراغ معرفی افزونه مفید و استاندارد
    WP Smush.it

    با این افزونه قادر به بهینه سازی تصاویر در کتابخانه ی وردپرس و مدیریت آنها خواهید بود. از ویژگی های افزونه به موارد زیر می توان اشاره کرد:
    نوارهای اضافی برای اطلاعات با فرمت JPG
    بهینه سازی فرمت JPG
    تنبدیل فرمت GIF به PNG
    نوار رنگ ها برای افزودن به تصاویر
    نکاتی که باید توجه داشته باشید
    حجم پایین با کیفیت بالا
    موتورهای جستجو مخصوصا گوگل همیشه بر پایین بودن حجم صفحات تاکید کرده اند.تصاویر بخش عمده ی صفحات وب را تشکیل میدهند سعی کنید تصاویر خود را تا جایی که ممکن است سبک کنید اما با کم کردن حجم تصاویر به کیفیت آنها لطمه وارد نکنید.
    خودداری از قرار دادن متون در تصاویر
    این مورد واقعا بیخود و اشتباه است.خیلی اشتباه و غیرحرفه ای است که شما متن وبسایتتان را در تصاویر قرار بدهید.توجه داشته بشید ما داریم در مورد پست ها متنی حرف میزنیم این مورد شامل اینفوگرافیک ها نمیشود.اگر شما متون خود را در تصاویر قرار بدهید بخش عمده ای از نکات مثبت متن نسبت به تصویر را از دست داده اید.
    نقشه تصاویر اضافه کنید
    اگر سایت شما تصاویر زیادی دارد و میخواهید بر روی تصاویر مانور بدهید حتما نقشه سایت نصب کنید و آن را به گوگل معرفی کنید.
    بهینه سازی تصاویر برای شبکه های اجتماعی
    بهینه سازی تصاویر برای شبکه های اجتماعی مقداری با بهینه سازی تصاویر برای موتورهای جستجو متفاوت است.بهینه سازی در شبکه های اجتماعی برای این است که کاربران از تصاویر شما خوششان بیاید و آن را با دیگران به اشتراک بگذارند.
    استفاده از نرم افزار های کامیپوتری برای بهینه سازی تصاویر

    JPEG Imager 2.5.2.459 کاهش حجم تصاویر

    ویژگی های نرم افزار JPEG Imager v2.5.2.459 :
    – پشتیبانی از فرمت های عکس BMP, TGA, TIFF, PSD, PNG, PCD, DDS, JPEG و….
    – کاهش حجم عکس با کم ترین افت کیفیت
    – سرعت بالا در زمان واقعی تبدیل عکس
    – ابزار های متنوع کنترل عمل فشرده سازی
    – امکان نمایش Side By Side
    بهینه سازی تصاویر خود با نرم افزار RIOT


    پس از رعایت نکات بالا، کاهش حجم و بهینه سازی تصاویر سایت و تاثیر آن بر سرعت لود شدن صفحه را میتوانید با استفاده از ابزار رایگان GTmetrix سنجیده و امتیاز سایت خود را قبل و بعد از انجام این کار مقایسه کنید.

    منبع : تب تک برای مطالعه بیشتر میتونید به منبع مراجعه کنید

  2. تعداد تشکر ها از tabtak به دلیل پست مفید


  3. # ADS




     

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. اسکریپت ویرایشگر آنلاین تصاویر Pixie نسخه 1.2
    توسط imansalehi در انجمن اسکریپت های دیگر
    پاسخ ها: 0
    آخرين نوشته: July 27th, 2015, 02:18
  2. آموزش اضافه کردن alt به تصاویر در ویبولتین
    توسط boy_evil در انجمن مباحث دیگر
    پاسخ ها: 0
    آخرين نوشته: January 20th, 2014, 11:39
  3. Pixlr Express؛ ویرایشگر تصاویری برای تمامی اسمارت فون
    توسط javanhosting در انجمن مباحث دیگر
    پاسخ ها: 0
    آخرين نوشته: December 12th, 2012, 22:15

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •