ویژگی های مهم صفحه اصلی در طراحی سایت

صفحه اصلی یکی از مهمترین صفحات سایت شما به حساب می‌‌آید.به عنوان مثال صفحه اصلی یک سایت شرکتی به منزله یک در ورودی مجازی است.اگر بازدیدکنندگان از منظره ای که با آن روبرو می‌‌شنوند خوششان نیاید عکس العمل آن ها چه خواهد بود؟ بله حدس شما درست است، فشردن دکمه back!

متاسفانه این موضوع حقیقت دارد که بسیاری از مردم مسایل را از روی ظاهر آن ها قضاوت می‌‌کنند.

حال سوال این است که چگونه صفحه اصلی سایت خود را فریبنده و جذاب کنیم ؟

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

در زیر به چند مورد از ویژگی های یک صفحه اصلی جذاب اشاره می‌‌نماییم.

1. ارایه پاسخ واضح به این که من که هستم، چه کاری انجام می‌‌دهم، یا اینکه بازدیدکنندگان چه کاری در سایت من می‌توانند انجام دهند

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

2. برای مخاطبان هدف، قابل فهم است

صفحه اصلی سایت شما باید متناسب با زبان مخاطبان هدف طراحی شده باشد

3. خدمات متقاعد کننده ارایه می‌دهد

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

4. تجربه کاربری مناسبی دارد

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

5. بازدیدکنندگان را به انجام عملیات خاصی در سایت ترقیب میکند (CTA)

پارامتر CTA بازدیدکننده را برای انجام عملیات بعدی در سایت راهنمایی می‌کند و در مواردی بازدیدکننده را به سمت هدفی خاص مانند خرید هدایت می‌کند.

6. همیشه در تغییر است

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

7. کیفیت در طراحی سایت

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

تاثیر بانس ریت (bounce rate) در بهینه سازی سایت

ممکن است شما در بحث سئو و طراحی وب سایت حرفه ای بارها به واژه bounce rate  برخورد کرده باشید و این سوال در ذهن شما پدید آمده باشد که این واژه به چه معنا است و چه تاثیری در بهینه سازی سایت شما دارد. در این مقاله قصد داریم تا شما را با این واژه و تاثیر آن در سئو آشنا کنیم. با ما همراه باشید...

Bounce rate یا نرخ پرش پارامتری است بر حسب درصد که بیانگر درصد افرادی است که سایت شما پس از دیدن تنها یک صفحه (صفحه فرود) ترک کرده اند، که پارامتری قدرتمند در اندازه گیری کیفیت ترافیک سایت و صفحات فرود به شمار می‌‎رود.

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

آیا بالا بودن bounce rate ، همیشه بد است؟

خیر! مقدار این پارامتر به هدف و محتویات و خدمات سایت شما بستگی دارد، ممکن است کاربر تنها با دیدن صفحه فرود سایت شما به هدف خود دست یابد و از سایت شما خارج شود. با مثالی در ادامه این موضوع روشن تر خواهد شد. فرض کنید سایت شما ارائه دهنده اطلاعاتی در مورد قیمت زنده طلا و سکه و دلار و موارد مشابه باشد، کاربر پس از ورود به سایت شما و یافتن اطلاعات مورد نظر خود در مورد قیمت ها سایت شما را ترک خواهد کرد یا به عنوان مثالی دیگر، ممکن است فردی تنها با هدف چک کردن اطلاعات تماس مستقیما وارد سایت شما شود و فورا سایت شما را ترک کند و مثال هایی از این قبیل، در موارد ذکر شده، بالا بودن bounce rate به هیچ عنوان دلیلی بر عدم رضایت بازدیدکنندگان و عدم جذابیت، ضعف طراحی سایت شما و محتوای آن نیست، اما در صورتی که سایت شما ارائه دهنده محتوایی باشد که کاوش هر چه بیش تر بازدیدکننده نشان دهنده قدرت و جذابیت محتوای ارائه شده باشد بالا بودن bounce rate ، ضعف طراحی سایت شما و محتوای آن را گوشزد خواهد کرد.

رابطه bounce rate  و سئو چگونه است؟

در اغلب موارد این پارامتر می تواند فاکتور مهمی در بهینه سازی سایت شما باشد، زیرا پایین بودن این پارامتر نشان دهنده میزان ارتباط صفجه فرود سایت شما با هدف بازدید کننده و کیفیت طراحی سایت شما و محتوای آن می باشد که خود امتیاز مثبتی در سیستم رتبه بندی و سئو سایت شما محسوب می‌‎شود، گرچه همان گونه که قبلا اشاره شد، مقدار bounce rate  به هدف و امکاناتی که سایت شما ارائه می دهد، نیز بستگی دارد.

فرمول محاسبه bounce rate:

100*(تعداد کل بازدیدها /تعداد کل پرش هاBounce rate=(bounces

نتیجه گیری:

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

12 نکته کلیدی سئو برای کسب و کار های کوچک

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

1.    بدون سئو بودن به معنی بدون مشتری بودن میباشد (اگر شما بهینه سازی سات خود را انجام ندهید جایی در گوگل نخواهید داشت)

2.    هر دو نوع سئو ی on-site SEO  و  off-site SEOمورد نیاز است .شما بدون اعمال هر یک از این دو نتیجه ی مطلوبی نخواهید گرفت

3.    از همین الان بهینه سازی سایت خود را آغاز کنید. فردا دیر است و مشکلات شما برای سئو بدلیل قدرت گرفتن رقبا بیشتر میشود.

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

5.    هیچ دو سایتی مثل هم نیستند. یک استراتژی بهینه سازی سایت ممکن است برای یک سایت جواب دهد و برای وب سایت دیگر اثر گذار نباشد. زیرا متغیرهای این دو سایت مثل هم نیستند

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

7.نتایج سئو منحصر بفرد است. ممکن است در یک روز یک نتیجه بدهد و در روز مشابه در ماه بعدی نتیجه ی کار تغییر کند.

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

9.با الگوریتم های بهینه سازی موتور های جستجو هماهنگ باشید. سعی کنید این الگوریتم ها و بروز رسانی انها را از طریق بلاگ موتور های جستجو دنبال کنید و سئوی سایت خود را مطابق با آنها برنامه ریزی کنید

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

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

12.کاهش کیفیت برابر است با افزایش ریسک. بی کیفیت بودن بک لینک ها و یا بی کیفیت بودن محتوای سایت براحتی جریمه هایی از سوی گوگل برای شما بهمراه خواهد داشت

فاکتور های خیلی موثر در بهینه سازی سایت

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

فاکتور های دامین

1- قدمت دامین

2- کلمات کلیدی در دامین

3- کلمات کلیدی بکار رفته در ابتدای دامین

4- طول دامین

5- تاریخ دامین

6- کلمات کلیدی در باقی URLها

7- تطابق دامین با موضوع سایت

8- سطح عمومی بودن دامین

9- محدودیت ها و جرایم دامین

10- ملیت دامین

فاکتور های صفحه

11- کلمات کلیدی در title

12- شروع title با کلمات کلیدی

13- حضور کلمات کلیدی در تگ توضیحات

14- کلمات کلیدی درتگ عنوان صفحه (H1)

15- کلمات کلیدی پر تکرار در متن

16- تعداد کلمات محتوا

17- تراکم کلمات کلیدی

18- معنای نهفته کلمات کلیدی در محتوا

19- تطابق کلمات کلیدی در عنوان و توضیحات

20- سرعت باز شدن صفحه

21- کپی کردن محتوا

22- استفاده از rel

23- سرعت باز شدن سایت در کروم

24- بهینه سازی تصاویر سایت

25- بروز رسانی محتوا

26- نرخ بروز رسانی

27- تاریخ بروز رسانی ها

28- برتری کلمات کلیدی

29- کلمات کلیدی در تگ های (H3),(H2)

30- ترتیب کلمات کلیدی

31-کیفیت لینک های خارجی

32-شمایل لینک های خارجی

33-املا و دستور زبان صحیح

34- محتوای همزمان

35- محتوای خیلی مفید

36- تعداد بک لینک

37- قرار دادن ویدئو

38- تعداد لینک های داخلی در وب سایت

39- کیفیت لینک های داخلی

40- لینک های شکسته

41.سطح مطالعاتی

42.لینک های وابسته

43.خطاهای HTML / اعتبارسنجی W3C

44.محبوبیت دامنه

45.پیج رنک صفحات

46.طول URL ها

47.مسیر URL ها

48.ویرایشگرهای انسانی

49.دسته بندی صفحات

50.تگ های وردپرس

51.کلمه کلیدی در URL ها

52.رشته URL ها

53.منابع و مراجع

54.لیست های عددی و دایره ای

55.اولویت صفحات در نقشه سایت

56.تعداد لینک های خارجی

57.کیفیت پیج رنک برای سایر کلمات کلیدی

58.قدمت صفحات

59.طراحی کاربرپسند

60.دامنه های پارک شده

61. محتوای مفید

هدف اصلی از اعتبار سنجی فرم ها در طراحی سایت 2

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

 1. اعتبار سنجی با بازخورد

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

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

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

تغییر رنگ پس زمینه یا رنگ حاشیه کادری که در آن خطا رخ داده

2.اعتبار سنجی با تغییر رنگ لیبل به گزینه صحیح

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

3. اعتبار سنجی پس از ثبت

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

4.اعتبار سنجی از طریق برد زمانی

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

5.اعتبار سنجی کلی

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

6.اعتبار سنجی با ابزار راهنما

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

7. اعتبار سنجی داینامیک

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

8.اعتبار سنجی با کد امنیتی

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

هدف اصلی از اعتبار سنجی فرم ها در طراحی سایت 1

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

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

هدف از اعتبار سنجی

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

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

در این مقاله و مقاله بعدی نه تنها در مورد اعتبار سنجی فرم ها بلکه در مورد انواع و مدلهای مختلف خطاهای رایج حین پر کردن فرم ها صحبت می کنیم:

 اعتبار سنجی فرم ها می تواند هم در سمت سرور و هم در سمت کاربر انجام شود.

1.اعتبار سنجی سمت سرور

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

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

2.اعتبار سنجی سمت کاربر

اعتبار سنجی سمت سرور به اندازه کافی قوی و امن است اما برای ایاد تجربه کاربری موثر می توان از اعتبار سنجی سمت کاربر استفاده کنید.متدهای جاوا اسکریپیتی که تعریف می کنید در این روش باعث اعتبار سنجی فرم می شود.

3.اعتبار سنجی برای دریافت اطلاعات ضروری

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

4.اعتبار سنجی فرمت اطلاعات وارد شده

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

5.اعتبار سنجی حین ویرایش اطلاعات

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