بهینه سازی تصاویر در هنگام طراحی سایت

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

افزونه های زیادی در این زمینه وجود دارد که توسط شرکت ها و برنامه نویسان مختلف به صورت رایگان و یا غیر رایگان تولید شده است. از بهترین افزونه های موجود در این زمینه Image Optimizer است طراحی سایت فروشگاهی
اگر شما با تصاویر کار کرده باشید احتمالا کلمه lossless به گوشتان خرده است. افزونه image optimizer دقیقا از همین روش برای کاهش حجم عکس استفاده میکند و بهترین بهینه سازی را برای jpg و png انجام میدهد و با کمک گرفتن کلاس wp-image-editor هر پوشه ای در وردپرس تصاویرش بهینه سازی و اسکن میشود.

آموزش کاهش حجم تصاویر با img optimizer

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

• Debugging : این گزینه به این علت فعال میشود که اگر مشکلی پیش بیاید به شما پیغام خطا نشان دهد.
• Remove metadata : هر عکسی که شما استفاده میکنید شامل اطلاعاتی مثل نام، زمان ثبت عکس ، مکان ثبت… است که در داخل عکس ذخیره میشود.که با زدن این تیک این اطلاعات حذف میشود
• Lossy JPG optimization و Lossy PNG optimization: این دو گزینه اصل کار این پلاگین است که باعث کاهش حجم عکس ها میشود. ولی باید دقت داشته باشید این فرآیند ممکن است از کیفیت عکس اصلی بکاهد.
• Bulk delay : این گزینه باهث کم کردن فشار کار روی هاست میشود. که باعث میشود این فرآیند را با تاخیر بین عکس ها انجام دهد تا برای هاست مشکلی ایجاد نشود

با ذخیره کردن تغییرات از این به بعد تمامی تصاویر شما بهینه سازی میشود. همچنین در بخش رسانه ها شما ۲تا گزینه مشاهده میکنید که به کتابخانه شما اضافه شده است. که شامل گزینه های زیر است:

Bulk optimize : این گزینه باعث میشود که تمامی عکس هایی که تا الان داشته اید بهینه سازی شود. کافی که شما در این بخش گزینه start را بزنید خودش تمام کارهای لازم را انجام میدهد.
Unoptimized images: در این قسمت به شما تصاویری که هنوز بهینه نشده اند نشان داده میشود
ولی اگه کیفیت تصاویر برای شما خیلی اهمیت دارد باید تنظیمات خاصی را برای پلاگین فعال کنید.وارد بخش advance setting شوید. گزینه disable automatic را بردارید تا دیگر به صورت اتوماتیک تصاویر شما بهینه نشود. و خودتان بتوانید در بخش رسانه های کتابخانه هر عکسی که خواستید را جداگانه bulk optimize کنید.

یک نکته ای که وجود دارد این است که وردپرس خودش به صورت اتوماتیک از هر عکسی که لود میکنید ۳ سایز مختلف ایجاد میکند. شما میتوانید در بخش disable resizes تیک های disable creation را بزنید تا دیگر به وردپرس اجازه این کار را در اون سایز ندهید. و یا میتوانید در disable optimization افزونه را مجبور کنید فقط در کدام سایز بهینه سازی انجام دهد.

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

تاثیر سئو وبلاگ در طراحی سایت

 

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

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

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

بالا بردن ترافیک سایت

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

بالا رفتن رنکینگ وب سایت

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

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

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

طراحی سایت با وردپرس و آپدیت

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

برای آپدیت و بروز رسانی طراحی وب سایت سیستم مدیریت محتوای وردپرس دو روش وجود دارد روش دستی و روش اتوماتیک است

روش بروزرسانی دستی:

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

در نظر داشته باشید که در سیستم مدیریت محتوای وردپرس می توانید از پست ها، کامنت ها و غیره وب سایت بک آپ بگیرید. اگر می خواهید راحت باشید برای تهیه بک آپ می توانید پلاگین WordPress Database Backup را نصب کنید و با استفاده از این افزونه به راحتی بک آپ کامل وب سایت را تهیه کنید. ممکن است استفاده از این پلاگین دچار مشکل شوید می توانید از همان روش قبلی برای تهیه بک آپ استفاده کنید.

 

گام دوم

بعد از تهیه بک آپ ، برای ارتقا وردپرس در ابتدا تمامی افزونه های فعال را غیرفعال کنید و همچنین قالب سایت را به حالت پیش فرض در وردپرس قرار دهید. برای غیرفعال کردن افزونه ها به قسمت Plugins بروید و همه افزونه ها را دی اکتیو کنید و برای تغییر قالب به پیش فرض هم به قسمت Themes بروید و پیش فرض پوسته Kubrick را فعال نمائید.

آخرین نسخه وردپرس  را از دانلود کنید و فایل زیپ را در کامپیوتر اکسترک کنید. در ادامه یکی از نرم افزار FTP Manger را انتخاب کرده مانند Filezilla برای انتقال فایل ها از روی کامپیوتر به هاست می باشد. پس از وارد شدن به فضای میزبانی تمامی فایل های وردپرس را پاک کرده و از روی کامپیوتر خود بک آپ های جدید را آپلود کنید.

در ادامه

دستور Upgrade را اجرا کنید با نوشتن کد HTML زیر :

http://sitedp.com/wordpress/wp-admin/upgrade.php

بعد از آپگریت کردن مجددا پلاگین های را فعال کنید و قالب را از پیش فرض تغییر دهید

روش بروزرسانی اتوماتیک

این روش بسیار سهل و آسان است شما به راحتی می توانید پلاگین WordPress Automatic Upgrade استفاده کنید. گام اول و دوم را همانند روش قبلی انجام می دهیم . افزونه فوق را در وردپرس نصب کنید. زمانی که افزونه را نصب کردید روی گزینه WordPress Automatic Upgrade Go to را کلیک کنید به طور اتوماتیک بک آپ می گیرد و نسخه جدید را جایگزین نسخه قدیمی می کند.

تاثیر سئو وبلاگ در طراحی سایت

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

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

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

بالا بردن ترافیک سایت

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

بالا رفتن رنکینگ وب سایت

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

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

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

آموزش استفاده از فونت آیکن در طراحی سایت

در سایت های مختلف حتما آیکن های گرافیکی جذابی را دیده اید که برای شبکه های اجتماعی و یا برای داخل نوشته ها از آن استفاده شده است. حالا اینکه این آیکن ها عکس هستند و یا فونت؟ بیشتر درباره اش صحبت میکنیم و یا اینکه اصلا چه فرقی با هم دارند؟ و با اینکه کدوم یکی بهتر است؟
پس با ما همراه باشید تا درباره فونت آیکن ها با هم صحبت کنیم.
در سایت ها موقع طراحی سایت برای نمایش قشنگ تر شبکه های اجتماعی از آیکن های رنگی استفاده میکنند. ولی یک نکته وجود دارد آن هم اینکه اگر تعداد این آیکن ها زیاد باشد برای لود صفحه دچار مشکل میشوید اگر این آیکن ها را به صورت img داخل سایت قرار داده باشید. چون وب سایت برای لود این عکس ها مجبور است وقت صرف کند. راه حل برای استفاده از آیکن ها زیبا در سایت چیست؟
برای حل مشکل لود آیکن و همچنین سرعت … هنگام طراحی وب سایت از فونت آیکن استفاده میشود.

فونت آیکن چیست؟

در واقع فونت آیکن ها تصویر های وکتوری هستند که در قالب یک فونت ارائه میشوند. که شامل ویژگی های کم حجم بودن، سادگی استفاده ، توانایی تغییر در سایز بدون تغییر در کیفیت آیکن… را دارد.
فونت آیکن های زیادی در حال آمادن در بازار اینترنتی هستند.از معروف ترین فونت آیکن های موجود میتوان به Font Awesome اشاره کرد.
نحوه استفاده از Font Awesome در طراحی سایت
آخرین ورژن موحود فونت آیکن را از سایت http://fontawesome.io/ دانلود کنید. پس از دانلود در سیستم پوشه font و css آن را در فایل پروژه خود ذخیره کنید.
بعد از آن فایل ها را به سیستم خود متصل کنید. برای css کافی است آن را در head سایت خود اضافه کنید. حالا میتوانید از فونت آیکن ها در سایت خود استفاده کنید
وارد بخش آیکن های سایت http://fontawesome.io/icons/ شوید.همانطور که میبینید این سایت تعداد آیکن های فوق العاده زیادی دارد که میتوانید از آن ها در زمینه ای مختلف سایتتان استفاده کنید.

همچنین میتوانید با fa-2x ، fa-3x … اندازه ایکن را انتخاب کنید
نکته مهم: به دلیل اینکه این آیکن ها به صورت فونت هستند برای تغییر در رنگ و اندازه و جای ایکن ها… میتوانید از css استفاده کنید و به آن ها رنگ دلخواه را بدهید.

علت استفاده از فونت آیکن ها

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