سئو تصاویر در وردپرس

در این مقاله میخوایم اطلاعات بسیار مهمی در مورد سئوی تصاویر مورد نیاز هست رو به صورت جامع آموزش بدیم. اهمیت تصاویر در جذب مخاطب در همه سایت های فروشگاهی، خبری، آموزشی، شرکتی و …. برای همه مشخص هست به طوری که بسیاری از سایت های پربازدید گرافیست هایی با تخصص وب برای طراحی تصاویر دارند. ولی این همه کار نیست! خییلی از کاربرها وقتی موضوعی رو سرچ می کنند به سراغ بخش Image در گوگل میرن حتی در صفحه اصلی طبق تصویر پایین گوگل یک بخش برای سرچ تصاویر به صورت اختصاصی در نظر گرفته شده. و اینجاست که سئوی تصاویر میتونه مخاطب های زیادی رو برای ما جذب کنه!     چگونگی انتخاب تصاویر سایت تا جایی که برای صاحب هر وب سایت امکان دارد باید از تصاویر یونیک و تولید همان سایت استفاده کند. استفاده از تصاویر تکراری حس اصالت محتوا و خدمات و محصولات آن سایت را از مخاطب می گیرد. در صورتی که تمایل به استفاده از تصاویر تولید شده داشتیم بهتر است به جای استفاده از سرچ گوگل به سراغ سایت های خارجی که به صورت تخصصی در زمینه مد نظر فعالیت می کنند برویم چون قطعا این تصاویر کمتر دیده شده اند. انتخاب تصاویر مطابق با هویت بصری کسب و کار ما برای کسب اطلاعات در مورد هویت بصری پیشنهاد می کنیم حتما مقاله هویت بصری رو ببینید. با توجه به این که هر کسب و کار در مورد نحوه نقش پیدا کردن در ذهن مخاطب تم خاصی برای خودش انتخاب میکنه مثلا لوکس، آموزش محور، صنعتی، مدرن و …. بهتر هست تصاویر هم از این هویت پیروی کنند تا بهتر در ذهن مخاطب نقش ببنده و با دیدن اون عکس مخاطب ناخوداگاه به یاد شما بیافتد. سئو تصویر در فتوشاپ بدون شک فتوشاپ یکی از بهترین و معروف­ترین ابزار­­ها برای بهینه سازی و سئو دقیق تصاویر است. برای شروع در نرم افزار فتوشاپ در منو فایل گزینه new را برای ایجاد یک تصویر جدید انتخاب میکنیم این بخش در ورژن های مختلف فتوشاپ قابلیت های خاصی را به مخاطب می دهد. در بخش Preset می­توان نوع فایل را روی web  تنظیم کرد و از سایز پیش­فرض فتوشاپ استفاده کرد. ولی باید توجه داشت سایز عکس باید مطابق با سایز مشخص شده هنگام طراحی سایت باشد. این اندازه هم از کنترل پنل قابل دسترسی است هم از طریق Inspect گرفتن از سایت. Color Mode: در این بخش ما چند گزینه داریم ولی مهم­ترین آنها CMYK Color و RGB Color است. CMYK Color مناسب برای چاپ و پرینت است و این تصاویر حجم بیشتری خواهند داشت چون از 4 نوع رنگ ساخته شده اند و رنگهای RGB از سه رنگ ساخته شده اند. بهترین فرمت برای تصاویر وب انتخاب فرمت مناسب بستگی به پارامتر­های زیادی دارد ولی به طور کلی مناسب ترین فرمت برای تصاویر در اینترنت JPEG، PNG و  است. اما برای انتخاب فرمت مناسب باید به نوع تصویر نیز توجه داشت. برای استفاده از تصاویر در وب و کاهش حجم آنها باید از تصاویر Save for web بگیریم این گزینه در منوی فایل و همچنین با استفاده از کلید­های میانبر Alt+Ctrl+Shift+S قابل دسترسی است. در گوشه سمت راست با استفاده از Preset میتوان فرمت های مختلفی برای تصویر انتخاب کرد. فرمت PNG-8  و PNG-24 هردو فرمت PNG هستند با این تفاوت که حجم تصاویر در  کمتر است و طبیعتا کیفیت تصاویر نیز پایین­تر خواهد بود. اگر تعداد پیکسل های خالی یا Transparent در تصویر زیاد هستند فرمت PNG مناسب تر است چون تصویر با حجم کمتر ایجاد می­کند. برای مثال در تصویر زیر که فقط یک لوگو وجود دارد و زمینه تصویر برای ما اهمیتی ندارد، PNG فرمت مناسب­تری خواهد بود. اما اگر تعداد رنگ ها در تصویر بالا برود یا از گرادیانت استفاده شود حتی اگر پیکسل های خالی تصویر زیاد باشد، حجم فرمت PNG بیشتر از JPEG خواهد شد. در قسمت Meta Data ما میتوانیم اطلاعات تصویر خود را وارد کنیم. این کار به سئوی تصاویر ما کمک شایانی می­کند. از منوی File گزینه File Info  را انتخاب میکنیم در قسمت basic اطلاعات زیر را وارد میکنیم: Auther: نام نویسنده Description: توضیحات Keywords: کلمات کلیدی عکس Copyright Notice: در صورتی که تصویر را خودمان ایجاد کرده­ایم توضیحات حق کپی رایت را درج می نماییم. Copyright info URL: ادرس سایت خودمان را درج میکنیم.     تا اینجا اطلاعات Meta Data را وارد کردیم دوباره به بخش Save for web  برمی­گردیم و گزینه Meta Data را روی All قرار می­دهیم تا همه اطلاعات وارد شده فراخوانی شود. وقتی فرمت JPEG را برای عکس انتخاب میکنیم با استفاده از گزینه Progressive  امکان لود شدن تصاویر را در مرورگر، به صورت تدریجی فراهم میشود. چون اگر تصاویر به صورت یگباره پس از لود کامل نمایش داده شود زمانی که سرعت اینترنت پایین است انتظار برای نمایش تصویر برای کاربر دشوارتر خواهد­بود. به جز فرمت JPEG و PNG از فرمت Webp نیز می­توان استفاده کرد. این فرمت توسط گوگل ایجاد شده و این فرمت نسبت به دو فرمت بالا حجم بسیار کمتری دارد. مشکل   فرمت webp این است که توسط مرورگرهای chrome و Opera و چند مرورگر دیگر پشتیبانی می شود و مرورگر های معروفی مانند Firefox از آن پشتیبانی نمی­کند. آپلود تصویر در وردپرس هنگام آپلود تصویر در وردپرس و سایر  CMS اختصاصی فیلد­هایی وجود دارد که برای تکمیل اطلاعات تصویر و همینطور مطلب باید پر شوند  

  • فیلد “نام” یا همان title در تگ هاب HTML، در اینجا باید نام مناسبی برای تصویر انتخاب کنیم. حتما نام تصاویر را به زبان انگلیسی انتخاب کنید و به هیچ عنوان از نام های فارسی استفاده نکنید. برای جداسازی تصاویر از خط فاصله یا dash  استفاده کنید.
  • تگ Alt که مخفف کلمه Alternativeاست در HtML در تگ Img تعریف می گردد. هنگامی که با موس روی یک عکس می رویم متنی که به ما نمایش داده می شود درواقع همان Alt تصویر است. این تگ برای شناسایی تصویر به موتورهای جستجو کمک می­کند پس باید توصیف کننده تصویر باشد نه متنی که این تصویر برایش انتخاب شده.
  • متن جایگزین زمانی استفاده می­شود که تصاویر شما لود نمی­شود و به جای آن یک متن جایگزین نمایش داده می ­شود.

 

درباره ما

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

بررسی اختصاصی هر پروژه و رویکرد فنی و  Solution  محور به پروژه ها مواردی است که می تواند برای هر پروزه ارزش افزوده قابل توجهی به همراه داشته باشد. 

تماس با ما

کلیه حقوق این سایت مربوط به گروه زانیم می باشد.

برای دریافت لیست رپورتاژهای انگلیسی با ما تماس بگیرید.
This is default text for notification bar