۱۰ راه افزایش بازدیدکنندگان طراحی سایت شما (قسمت ۲)

۶- پس از انتشار app  ، انرا معروف کنید ! 

 

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

 

بهترئه که app   خودتون رو توی وبسایت ها بزرگ ، و پلتفرم های عرضه مثله بازار خودمون یا حتی google   قرار بدید.

 

۷- به وبسایت ها لینک بشید :

 

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

 

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

 

۸- محتوای جدید و تازه عرضه کنید :

 

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

 

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

 

۹- شبکه های مجازی را جدی بگیرید:

 

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

 

۱۰- پس از قدرمتند شدن در شبکه های اجماعی از ان ها هم ترافیک بگیرید :

 

پس از این تو شبکه های اجتماعی کسی شدید ! شروع به دریافت ترافیک از اونها بکنید. مثله کاری که دیجی کالا ، اپارات و حتی وبسایت های کوچیکتر انجام میدهند.

 

یکسری امتیازات ویژه برای کسانی که از شبکه های اجتماعی واد وب سایت شما میشوند بگذارید ، مثله قرعه کشی یا ….

 

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

 

 

 

پایان

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

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

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

الگوریتم Rank Brain گوگل

 

مقاله ای که در طراحی سایت اسپیناس می خواهیم در مورد آن صحبت کنیم در مورد الگوریتم Rank Brain گوگل است. برین رنک یک الگوریتم در گوگل است.

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

این الگوریتم به صورت Machin Learning است در واقع الگوریتم لینک برین یک یادگیری ماشینی گوگل است به نوعی می توانیم بگوییم یک هوش مصنوعی است. هوش مصنوعی همانند به انسان دارد که قدرت یادگیری دارد.الگوریتم لینک برین در رابطه با جستجو در گوگل است که به کاربران کمک می کند.

عملکرد الگوریتم

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

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

 

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

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

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

نصب بوت استرپ در پروژه طراحی سایت

برای استفاده فریم ورک بوت استرپ در کدهای طراحی سایتتان باید ابتدا وارد سایت getbootstrap.com شوید و بوت استرپ را دانلود کنید. فایلی که دانلود مکنید داخلش فایل css و js است که باید استایل min  (استایل فشرده شده) را در head سایتتان اضافه کنید و js min را در انتهای body فراخوانی کنید تا به درستی اجرا شود.

نکته: هنگام استفاده از بوت استرپ و یا حتی کدهای شخصی خودتان کد ریسپانسیو  در head را فراموش نکنید:

<meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”>

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

کد نویسی با بوت استرپ

 

در سایت /www.w3schools.com/bootstrap میتونید تمام مواردی که در بوت استرپ قابل استفاده است را یاد بگیرید.در ستون سمت چپ این سایت تمامی المان های استفاده شده در بوت استرپ که به طراحان برای طراحی سایتشان کمک میکند را آموزش داده است. در این سایت کلاس های اختصاصی جدول ، عکس ، آیکن ها و منو… هر کدام به صورت جداگانه توضیح داده شده است

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

 

بوت استرپ دارای کلاس هایی است که باید از اون کلاس ها در کدهای خودتان استفاده کنید. به عنوان مثال در عکس بالا که کدهای grid آماده است در div ها از کلاس های بوت استرپ برای ستون بندی استفاده شده است.

در آموزش های بعدی در مورد grid های بوت استرپ بیشتر صحبت میکنیم. با آموزش های طراحی سایت اسپیناس همراه باشید