tumrus

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

3 پست در این موضوع قرار دارد

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

بهینه سازی تصاویر وردپرس برای کارایی بیشتر و افزایش سئو بدون افزونه از روش های زیر ممکنه:

انتخاب نام مناسب برای تصاویر (برای افزایش سئوی سایت بسیار موثر است)

اندازه ی درست و استاندارد تصاویر

کاهش حجم فایل تصاویر

افزودن خاصیت alt و title به تصاویر

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

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

اندازه ی درست و استاندارد تصاویر

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

%D8%B3%D8%A7%DB%8C%D8%B2-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%AF%D8%B1-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3.png

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

کاهش حجم فایل تصاویر

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

افزودن خاصیت alt و title به تصاویر

افزودن خاصیت alt و title به تصاویر – جزی از انتخاب نام مناسب برای تصاویر هست برای این کار میتوان از افزونه هم استفاده کرد

افزونه SEO Friendly Images به صورت خودکار به همه تصاویر شما ویژگی alt وtitle اضافه می کند. همانطور که اطلاع دارید این کار باعث افزایش ورودی از موتورهای جستجو و valid شدن W3C/xHTML می شود. شما می توانید alt و title تصاویر را بر اساس چهار پارامتر مختلف نام گذاری کنید.

خب ابتدا به پنل مدیریت وردپرس خود مراجعه کنید و جدیدترین نسخه افزونه (SEO Friendly Image) را نصب کنید و یا افزونه خود را به جدیدترین نسخه بروزرسانی کنید .

سپس از منو سمت راست بر روی SEO Friendly Images کلیک کنید و سپس گزینه Setting را انتخاب کنید که در تصویر زیر مشاهده میکنید .

SEO-Friendly-Images-Main-300x56.jpg

بعد از انتخاب گزینه Setting صفحه ای مطابق با تصویر زیر مشاهده میکنید که حاوی قسمت های جدید این افزونه (SEO Friendly Image) میباشد.

Setting-SEO-Friendly-Images.jpg

تو تغییرات جدید چند تگ جدید به افزونه اضافه شده است که شما میتونید از این تگ ها به صورت تکی و یا ترکیبی برای سئو بهتر استفاده کنید . که به عنوان مثال میتونید تعیین کنید که چه قسمتی از مطلب در 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 قرار میدهد و به جای تصویر معمولی شما تصویری مانند زیر در وبسایت شما به نمایش در خواهد آمد:

Hotlink-Protection.jpg

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

بارگذاری خودکار تصاویر

بارگذاری تصاویر از سایت مبدا میتوانم برای موتورجستجوگر اهمیت داشته باشد و برای سایت یک ارزش حساب شود

auto-upload-images-v2.png

استفاده از این افزونه به شما کمک می کند . تا عکس های کپی شد در مطلب رو تو هاست شما اپلود کند.

ویژگی‌های کلیدی تا نسخه دوم

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

روش استفاده

برای نصب این افزونه مانند افزونه های دیگر وردپرس می‌توانید آن را در بخش «افزونه‌ها>افزودن» با نام «Auto Upload Images» در مخازن وردپرس جستجو و سپس روی دکمه «نصب افزونه» کلیک کنید و یا از

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

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

WP Smush.it

ax-32.png

با این افزونه قادر به بهینه سازی تصاویر در کتابخانه ی وردپرس و مدیریت آنها خواهید بود. از ویژگی های افزونه به موارد زیر می توان اشاره کرد:

نوارهای اضافی برای اطلاعات با فرمت JPG

بهینه سازی فرمت JPG

تنبدیل فرمت GIF به PNG

نوار رنگ ها برای افزودن به تصاویر

نکاتی که باید توجه داشته باشید

حجم پایین با کیفیت بالا

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

خودداری از قرار دادن متون در تصاویر

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

نقشه تصاویر اضافه کنید

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

بهینه سازی تصاویر برای شبکه های اجتماعی

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

استفاده از نرم افزار های کامیپوتری برای بهینه سازی تصاویر

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

6859_JPEG_Imager_2_5_1_407.jpg

ویژگی های نرم افزار JPEG Imager v2.5.2.459 :

– پشتیبانی از فرمت های عکس BMP, TGA, TIFF, PSD, PNG, PCD, DDS, JPEG و….

– کاهش حجم عکس با کم ترین افت کیفیت

– سرعت بالا در زمان واقعی تبدیل عکس

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

– امکان نمایش Side By Side

بهینه سازی تصاویر خود با نرم افزار RIOT

%D8%A8%D9%87%DB%8C%D9%86%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1.jpg

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

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

1

به اشتراک گذاری این پست


لینک به پست

مفید و عالی . خسته نباشید

1

به اشتراک گذاری این پست


لینک به پست

ممنون از تاپیک مفیدتون

برای قسمت انتخاب نام مناسب برای تصاویر میشه کاری کرد اتومات نام تصاویر با قسمت دم لینک مطلب(نامک) تغییر پیدا کنند

برای مثال

ادرس مطلب www.site.com/google-seo/

نام عکس های موجو در تاپیک به

google-seo.jpg

google-seo-1.jpg

تغییر پیدا کنند

برا این مشکل هم راه حلی سراغ دارین ؟

با سپاس

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری