مشاوره: 23087 21 (98+)

نقش طراحی سایت در موفقیت کسب و کار

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

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

طراحی سایت

طراحی سایت

قبل از شروع طراحی سایت باید ابتدا بخش های مهم سایت را پیدا کنید و آنها را در منوی اصلی و بالایی سایت قرار دهید و بخشهای دیگر را در منوهای کناری و ثانویه سایت قرار دهید.رعایت این نکته در طراحی سایت بسیار مهم است. چون با این کار وقتی شخصی وارد سایت شما میشود به راحتی میتواند صفحه مورد نظر خود را پیدا کند و به نوعی باعث افزایش زمان ماندگاری کاربر در سایت میشود که همان Time On Page است و هرچه کاربران زمان بیشتری در سایت بماند در حقیقت نرخ پرش سایت یا همان bounce rate کاهش پیدا میکند.

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

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

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

 

کلمات کلیدی:

آخرین مقالات

طراحی سایت و زبانهای برنامه نویسی آن

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

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

  • Frontend developer : یعنی طراحی بخشی که کاربر میبیند که به زبانهای html , java , css است.
  • Backend developer : یعنی طراحی استخوانبندی سایت مانند بانکاهی اطلاعاتی , محل های نگهداری فایل ها و اطلاعات کاربران که با زبانهای Php , Asp,Ruby,Python کار میکنند

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

طراحی سایت و زبانهای آن

طراحی سایت

۱ – HTML (HyperText Markup Language)

اولین زبان برنامه نویسی تحت وب که در سال ۱۹۹۰ ایجاد شد و برای طراحی سایت ساده و با امکانات جزئی مورد استفاده قرار میگرفت در سال ۱۹۹۱ اولین سایت اینترنتی توسط آقای Tim Berners Lee به همین زبان نوشته شد و کم کم امکانات بیشتری به آن اضافه شد و با عرضه شدن ورژن ۵ از این زبان در سال ۲۰۱۰ با نام HTML5 انقلابی در طراحی سایت اتفاق افتاد و شروع طراحی سایت واکنش گرا از همین سال بود که به طراح کمک میکرد سایتی ایجاد کند که با هر سایز صفحه نمایش هماهنگی داشته باشد.

کد زیر یک دستور اچ تی ام ال ساده است

<!DOCTYPE html>

<html>

<body>

<h1>A Dummy Heading</h1>

<p>Some text that spans the line.. </p>

</body>

</html>

 

 

۲- CSS (Cascading Style Sheets)

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

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

برای مثال شما در فایل css مشخص میکنید که فونت سایت شما Tahoma با سایز ۱۰ باشد که این باعث میشود تمام متون سایت شما با فونت و اندازه مشخص شده نمایش داده شود. حال اگر بخواهید سایز فونت را از ۱۰ به ۱۲ تغییر دهید دیگر نیازی نیست تک تک فایلهای قالب را ویرایش کنید بلکه فقط در فایل css اندازه را از ۱۰ به ۱۲ تغییر میدهید و به همین راحتی کل سایت ویرایش میشود.

سی اس اس هم به مرور زمان دستخوش تغییراتی شد و در سال ۱۹۹۹ ورژن ۳ آن عرضه شد. امروزه از سی اس اس در طراحی سایت به طور بسیار فراگیری استفاده میشود و تقریبا سایتی وجود ندارد که از آن استفاده نکرده باشد.

۳- JavaScript

زبان جاوا هم در سال ۱۹۹۵ وارد طراحی سایت شد و کمک میکرد بخش های جذابی به سایت اضافه شود. برای مثال اسلایدر تصاویر , قابلیت چت , افکت گذاری روی نوشته ها و تصاویر و امکاناتی از این دست که در زمان به بازار آمدن بسیار جذاب بود ولی امروزه استفاده چندانی از آن نمیشود.

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

۴ – PHP: Hypertext Preprocessor

زبان پی اچ پی در سال ۱۹۹۸ عرضه جهانی شد و بنیانگذار آن آقای راسموس لردورف بود. ورژن های مختلف این زبان در طول زمان بوجود آمد که در حال حاضر ورژن ۵ از این زبان برنامه نویسی وجود دارد که در هر ورژن امکانات جدیدی با آن اضافه شده است.

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

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

۵ – ASP (Active Server Pages)

این زبان هم توسط شرکت مایکروسافت در سال ۱۹۹۳ ارائه شد و فقط بر روی سرویس های میزبانی وب ویندوز قابل اجرا است. قابلیت های آن بسیار شبیه پی اچ پی است و این زبانها به نوعی مکمل زبان html هستند و امکانات جانبی بیشتری به آن اضافه میکنند. زبان ای اس پی هم بصورت سمت سرور است و دستورات ترجمه شده آن برای کاربر نمایش داده میشود.

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

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

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

کلمات کلیدی:

آخرین مقالات

امنیت جوملا و مقابله با هک شدن

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

امنیت جوملای خود را از فراکارانت بخواهید شما میتوانید با شماره ۰۲۱۲۳۰۸۷ از ما برایگان مشاوره بگیرید

سیستم مدیریت محتوی جوملا Joomla که بصورت متن باز منتشر شده در واقع نسخه تکامل یافته مامبو Mambo است که بصورت رسمی در ۱۷ اگوست ۲۰۰۵ معرفی شد.این نرم افزار به زبانphp نوشته شده است و برای اجرا بهتر به میزبانی وب لینوکس نیاز دارد.این سیستم مدیریت محتوی تا امروز بیش از ۵۰ میلیون بار دانلود شده و بیش از ۷۷۰۰ افزونه مختلف برای آن ایجاد شده است.همچنین برای طراحی سایت انعطاف پذیری خوبی دارد و دست طراحان برای ساخت هر نوع قالب ساده و واکنش گرا باز است.

امنیت جوملا

امنیت جوملا و مقابله با هک شدن

برای افزایش امنیت جوملا باید مراحل زیر را طی کنید :

۱- میزبانی وب:

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

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

۲ – بروز رسانی :

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

۳ – بررسی پلاگین ها :

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

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

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

۴ – جایگزینی فایلها :

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

قبل از ایجاد هرگونه تغییر در سایت ابتدا آن را به حالت آفلاین ببرید. طبق عکس زیر :

آفلاین جوملا

۵ – تغییر مشخصات :

گام بعد در افزایش امنیت جوملا برای سایتهای هک شده یا مشکوک به هک تغییر تمامی پسورد های سایت است. باید بلافاصله پسورد کنترل پنل هاست , بانک اطلاعاتی , بخش مدیریت جوملا را تغییر دهید و در انتخاب پسورد جدید حتما از ترکیب حروف و اعداد و کاراکترهای ویژه !@#$%^&* استفاده کنید .

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

۶ – سطح دسترسی مناسب :

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

دسترسی مناسب برای فایلها ۶۴۴ و برای پوشه ها ۷۵۵ است و برای فایل حساس configuration.php هم باید روی ۴۴۴ تنظیم شود.

دسترسی مناسب فایلها

نکته : هرگز و برای هیچ فایلی از دسترسی ۷۷۷ استفاده نکنید.

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

تصویر زیر راهنمای تغییر دسترسی در Plesk

سطح دسترسی پلسک

تصویر زیر راهنمای تغییر دسترسی درCpanel

دسترسی سی پنل

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

دسترسی اف تی پی

۷- بررسی htaccess

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

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

۸ – پلاگین های امنیتی :

برای اینکه بتوانید ضریب اطمینان خود را از امنیت جوملا بالا ببرید میتوانید از پلاگین های :

jHackGuard

Akeeba Admin Tools

jomDefender

jSecure

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

در کنار نکات اصلی بالا باید به موارد زیر نیز توجه داشته باشید:

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

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

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

کلمات کلیدی:

آخرین مقالات

افزایش سرعت سایت و راهکارهای آن

یکی از مهم ترین عوامل موثر در موفقیت یک سایت افزایش سرعت سایت است.امروزه هیچکس بیش از ۱۰ ثانیه برای لود شدن سایت صبر نمیکند و اگر در چند ثانیه اول چیزی جلوی چشم کاربر نمایان نشود بلافاصله دکمه برگشت را میزند و به سراغ سایت بعدی میرود. همچنین سرعت سایت یک عامل بسیار مهم در کاهش نرخ پرش سایت است که قبلا در مورد آن توضیح دادیم. عوامل مختلفی در بهبود و کاهش سرعت سایت دخیل هستند که در این مقاله تعداد از آنها مورد بررسی قرار میگیرد عواملی مانند : هاست مناسب , طراحی سایت , افزونه ها , سرویس cdn و …. که در ادامه میخوانید. البته تمرکز ما بیشتر روی سیستم مدیریت محتوی وردپرس است (به علت فراگیر بودن و کاربرد زیاد)اما میتوان همین نکات را برای دیگر سایتها هم بکار گرفت.

افزایش سرعت سایت

سرعت سایت

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

وقتی کاربری وارد سایت میشود , شما فقط چند ثانیه مهلت دارید که توجه او را جلب کنید و او را به بخشهای مختلف سایت هدایت کنید. بر اساس آمار موتور جست و جوی گوگل فقط ۲ ثانیه دیرتر باز شدن سایت میتواند تا ۱۲ درصد از کاربران و ۴٫۳ درصد از درآمد سایت شما را کمتر کند.

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

قبل از اینکه ادامه مقاله را مطالعه کنید به سایت gtmetrix.com مراجعه کنید و با وارد کردن آدرس سایت تان از سرعت فعلی سایت خود مطلع شوید و همانطور که مراحل آموزش را طی میکنید مجددا سرعت سایت را تست کنید تا تغییرات را به چشم ببینید.

افزایش سرعت سایت وردپرس wordpress

۱- انتخاب هاست مناسب :

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

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

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

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

۲ – پوسته مناسب :

نوع قالب طراحی سایت شما هم افزایش یا کاهش سرعت سایت موثر است. برای مثال قالب پیش فرض ۲۰۱۴ در وردپرس را در نظر بگیرید. این قالب بسیار سبک است و خیلی زود لود میشود. اما در مقابل آن قالبهایی وجود دارد که با افزودن هزاران امکانات مختلف از طرفی دست کاربر برای زیباسازی سایت باز میشود و از طرف دیگر سرعت سایت تا حد زیادی کاهش میابد.

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

۳- پلاگین افزایش سرعت :

برای افزایش سرعت سایت های وردپرس پلاگین (افزونه) های فراوانی وجود دارد که یکی از قدرتمند ترین آنها افزونه W3 total cache است. این افزونه قابلیتهای فراوانی به سایت شما میدهد و تا حد بسیار زیاد و چشم گیری سرعت سایت شما را زیاد میکند.

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

برخی از امکانات w3 total cache :

  • قابلیت کش کردن اطلاعات در مرورگر کاربر و افزایش سرعت از این طریق
  • مینیفای minify کردن فایلهای css و جاوا و فشرده کردن آنها
  • افزودن قابلیت expire  به بخش های سایت در مرورگر کاربر
  • افزودن قابلیت Gzip به سایت شما برای افزایش سرعت سایت
  • همخوانی با اکثر سرویس های CDN موجود

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

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

افزوه افزایش سرعت

۴- استفاده از CDN

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

نکته مهم : اگر از CDN در سایت خود استفاده میکنید حتما در قسمت تنظیمات افزونه W3 total cache  گزینه Minify را غیر فعال کنید چون باعث تداخل میشود.

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

۵ – بهینه سازی تصاویر :

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

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

۶- بهینه سازی صفحه اصلی

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

  1. بجای نمایش کل مطالب فقط خلاصه ای از آن را نمایش دهید و لینکی برای خواندن ادامه مطلب وجود داشته باشد
  2. بین ۵ تا ۷ مطلب آخر را در صفحه اصلی قرار دهید.
  3. از تصاویر حجیم و فایل فلش تا حد ممکن استفاده نکنید
  4. ابزارهای غیر ضروری را از صفحه اصلی حذف کنید و به صفحات دیگر سایت انتقال دهید
  5. پلاگین های غیر ضروری را حذف کنید
  6. صفحه اصلی سایت تا حد ممکن ساده باشد و از شلوغی بپرهیزید.
  7. از نمایش بیش از حد تبلیغات در سایت خودداری کنید.

۷- بهینه سازی بانک اطلاعاتی

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

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

۸ – جلوگیری از سرقت پهنای باند :

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

برای جلوگیری از دزدیده شدن پهنای باند کدهای زیر را به فایل .htaccess خود اضافه کنید.

disable hotlinking of images with forbidden or custom image option

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sparringmind.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/sparringmind [NC]

RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

۹ – قابلیت نمایش مرحله ای Lazyload

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

قابلیت Lazyload کمک میکند تصاویر در مرورگر کاربر فقط در منطقه ای که در مرورگر باز شده نمایش داده شود و هنگامی که کاربر به سمت پایین اسکرول میکند کم کم تصاویر بعدی برای او لود میشود . این کار هم باعث افزایش سرعت سایت و هم باعث کاهش مصرف پهنای باند شما میشود. برای فعال کردن این قابلیت افزونه jQuery Image Lazy Load را نصب کنید.

۱۰ – محدود کردن ذخیره پیش نویس :

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

افزونه Revision Control تنظیماتی دارد که شما میگویید که برای هر مطلب نهایتا ۲ تا ۳ پیش نویس ذخیره کند و مابقی پیش نویس های قدیمیتر حذف شود.

 

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

فراموش نکنید افزایش سرعت سایت یک عامل بسیار مهم در : افزایش جذب کاربر , افزایش فروش و درآمد زایی سایت , کاهش نرخ پرش و بهبود رتبه شما در نتایج جست و جو است.

کلمات کلیدی:

آخرین مقالات

امنیت وردپرس و مقابله با هک شدن

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

امنیت وردپرس خود را از فراکارانت بخواهید شما میتوانید با شماره ۰۲۱۲۳۰۸۷ از ما برایگان مشاوره بگیرید

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

امنیت وردپرسامنیت وردپرس و مقابله با هک

ابتدا توجه شما را به آمار زیر جلب میکنم :

۴۱% سایتهای هک شده به علت وجود مشکلات امنیتی در میزبانی وب بوده است.

۲۹% سایتهای هک شده به علت وجود باگ و مشکلات در کد نویسی قالب سایت بوده است.

۲۲% سایتهای هک شده به علت وجود باگ و مشکلات کد نویسی در پلاگین های نصب شده بوده است.

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

۱- میزبانی وب :

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

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

۲- سطح دسترسی مناسب:

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

  • دسترسی پوشه ها روی ۷۵۵ یا ۷۵۰ باشد
  • دسترسی فایلها روی ۶۴۴ یا ۶۴۰ باشد
  • دسترسی فایل wp-config.php روی ۶۰۰ تنظیم شود (مقدار ۴۴۴ هم توصیه شده است)
  • دسترسی فایل .htaccess روی ۶۰۰ تنظیم شود (مقدار ۴۴۴ هم توصیه شده است)

     هرگز برای هیچ سایتی از دسترسی ۷۷۷ برای فایلها و پوشه ها استفاده نکنید.

۳- قالب ها و پلاگین ها :

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

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

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

۴ – نام کاربری و کلمه عبور

مرحله مهم بعدی در افزایش امنیت وردپرس انتخاب کردن نام کاربری و کلمه عبور سخت و غیر قابل هک است. برای مثال تعداد بسیار زیادی از سایتها از نام کاربری admin برای مدیریت سایت استفاده میکنند که این کار یک اشتباه بسیار بزرگ است. در هنگام نصب وردپرس یک نام کاربری متفاوت و طولانی استفاده کنید و برای کلمه عبور هم حتما ترکیبی از حروف بزرگ و کوچک , اعداد و کاراکترهای ویژه مانند : @#$%^&* استفاده کنید.

برای امنتیت بیشتر میتوانید از قابلیت ورود ۲ مرحله ای استفاده کنید با این کار جلوی حملات بروت فروس Brute force را هم میگیرید . برای استفاده از قابلیت ورود ۲ مرحله ای میتوانید از افزونه های Duo Two-Factor Authentication , Google Authenticator استفاده کنید. با فعال کردن این افزونه ها بعد از ورود نام کاربری و کلمه عبور یک sms به شماره ای که خودتان مشخص کرده اید ارسال میشود و با وارد کردن کد امنیتی از پیامک دریافتی میتوانید وارد قسمت مدیریت سایت شوید.

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

افزونه موثر بعدی در این ضمینه  Login LockDown است که با کمک آن شما میتوانند مشخص کنید اگر یک کاربر برای مثال بیش از ۵ بار رمز ورود را اشتباه وارد کرد دیگر نتواند تا ۱ ساعت یا ۱ روز وارد سایت شود.

 

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

۵ – آپدیت بودن هسته وردپرس و افزونه ها

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

همانطور که در شکل زیر میبینید با کلیک روی Update Now ( در نسخه فارسی دکمه بروز رسانی ) در کمتر از ۱ دقیقه نسخه وردپرس شما بروز رسانی میشود و همچ مشکلی هم برای سایت شما پیش نخواهد آمد.

آپدیت وردپرس

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

افزونه وردپرس

که با رفتن به صفحه افزونه ها و کلیک روی متن هم اکنون بروزرسانی کنید. در چند ثانیه افزونه شما آپدیت میشود.(شکل زیر)

بروزرسانی افزونه

نکته مهم : اگر از افزونه ای استفاده نمیکنید حتما آن را از روی سایت خود حذف کنید. تنها غیر فعال کردن آن کافی نیست.

با اضافه کردن کدهای زیر به انتهای فایل wp-config.php میتوانید به وردپرس اجازه دهید تا هسته اصلی یا قالب ها و افزونه ها بصورت خودکار و بدون پرسش از شما آپدیت کند.

کد زیر برای آپدیت خودکار هسته وردپرس :

# Enable all core updates, including minor and major:

define( 'WP_AUTO_UPDATE_CORE', true );

کد زیر برای آپدیت خودکار قالب ها :

add_filter( 'auto_update_theme', '__return_true' );

و کد زیر برای آپدیت خودکار افزونه ها :

add_filter( 'auto_update_plugin', '__return_true' );

 

۶ – قطع دسترسی به ویرایشگر :

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

کد زیر قسمت ویرایشگر را حذف میکند که باید در انتهای فایل wp-config اضافه شود :

define( 'DISALLOW_FILE_EDIT', true );

۷ – غیر فعال کردن گزارش خطا Error reporting :

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

برای غیر فعال کردن این قابلیت کد زیر را به انتهای فایل wp-config اضافه کنید :

error_reporting(0);

@ini_set(‘display_errors’, ۰);

 

۸ – تنظیمات فایل .htaccess

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

برای اینکه فایل wp-config که اصلی ترین فایل شماست و تمام اطلاعات سایت شما در آن قرار دارد را از دید هکرها مخفی کنید کد زیر را به فایل .htaccess اضافه کنید :

<files wp-config.php>

order allow,deny

deny from all

</files>

همچنین کد زیر به هکر ها اجازه دیدن پوشه های روی هاست شما را نمیدهد :

Options All –Indexes

میتواند یک فایل .htaccess در پوشه wp-admin  قرار دهید و کد زیر را به آن اضافه کنید . با کمک این فایل فقط شما با آی پی خودتان میتوانید وارد قسمت مدیریت سایت شوید و هیچ شخصی نمیتواند وارد پنل شود.

<Files wp-login.php>

order deny,allow

Deny from all

# allow access from my IP address

allow from 192.168.5.1

</Files>

بجای آی پی بالا باید آی پی سیستم خود را وارد کنید و برای بدست آوردن ای پی خودتان به سایت cmyip.com مراجعه کنید.

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

۹ – مخفی کردن نام نویسنده :

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

برای مثال در انتهای مقالات شما نوشته شده :

منتشر شده توسط admin در ۵:۳۵

و همین نکته بسیار کوچک به هکرها نشان میدهد که نام کاربری شما admin است. برای اینکه بتوانید نمایش نام کاربری نویسنده سایت را مخفی کنید باید کد زیر را در فایل functions.php اضافه کنید.

add_action(‘template_redirect’, ‘bwp_template_redirect’);

function bwp_template_redirect()

{

if (is_author())

{

wp_redirect( home_url() ); exit;

}

}

 

نکته بسیار مهم : اگر تخصص کافی ندارید به هیچ عنوان فایلهای سیستمی مانند : wp-config.php , functions.php , .htaccess را ویرایش نکنید چون باعث از کار افتادن کلی سایت شما خواهد شد. و حتما یک نسخه بک آپ از این فایلها در دسترس داشته باشید که اگر بعد از انجام تغییرات سایت شما از کار افتاد بتوانید به راحتی سایت خود را به شکل اول باز گردانید.

برای راحتی کار شما در انتها یک افزونه معروف و بسیار کاربردی به نام i theme security معرفی میکنم که میتواند امنیت وردپرس شما را تامین کند برای دانلود این افزونه قدرتمند اینجا کلیک کنید یا در قسمت مدیریت وردپرس به قسمت افزودن پلاگین بروید و نام آن را جست و جو کنید

افزونه ithemes

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

دسترسی مناسب پوشه ها

برخی از قابلیت های این افزونه :

  1. پیشنهاد دسترسی های مناسب برای فایل ها و پوشه ها
  2. تغییر نام مدیر سایت از admin به نام دیگر
  3. تغییر صفحه ورود به قسمت مدیریت سایت از xxxx.com/wp-login/ به هر صفحه دلخواه شما برای مثال xxxx.com/panel
  4. عدم دسترسی بازدیدکنندگان به پوشه های سایت و عدم اجرای دستورات از طریق پوشه uploads
  5. قفل کردن کاربر بعد از چندبار ورود اشتباه اطلاعات ورود به سایت
  6. مسدود کردن یک آی پی خاص
  7. ارسال ایمیل به مدیر سایت بعد از بوجود آمدن تغییراتی در فایلهای سایت و تغییر حجم آنها

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

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

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

کلمات کلیدی:

آخرین مقالات

صفر تا صد راه اندازی سایت و طراحی سایت

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

  1.  طراحی سایت چه مدت زمان نیاز دارد؟
  2. راه اندازی سایت چقدر هزینه دارد ؟

پاسخ دادن به این سوالات به عوامل بسیار زیادی بستگی دارد. مانند :

  • نوع سایت : شخصی یا تجاری
  • سیستم مدیریت محتوی
  • تعداد کاربران و منابع مورد نیاز هاست
  • نوع و تعداد محتوی و صفحات سایت

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

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

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

صفر تا صد طراحی سایت

۱- تحقیق و برنامه ریزی (۲ تا ۱۰ هفته) :

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

بهتر است قبل از راه اندازی سایت پاسخ سوالات زیر را در ذهن خود آماده کنید

  • باید بدانید که هدفتان از سایتی که راه اندازی میکنید چیست ؟
  • چه افرادی مخاطبین شما را تشکیل میدهند ؟
  • محتوی سایت چگونه و توسط چه افرادی تهیه خواهد شد ؟
  • منابع مالی و درآمدهای شما برای ادامه فعالیت چگونه تامین میشود ؟
  • چگونه میتوانید برای سایت بازاریابی و تبلیغ کنید؟
  • کدام شبکه های اجتماعی برای سایت شما مناسب هستند ؟

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

۲ – دامنه و منابع مورد نیاز (۱ هفته )

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

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

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

راهنمای انتخاب هاست مناسب

کدام پلن هاست برای شما مناسب است

۱۶ نکته قبل از خرید هاست

اصطلاحات رایج در میزبانی وب

چرا از هاست رایگان استفاده نکنیم

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

۳ – طراحی سایت (۴ تا ۱۲ هفته )

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

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

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

مقالات زیر هم اطلاعات بیشتری در موضوع  طراحی سایت در اختیار شما قرار میدهد :

تاریخچه طراحی سایت

۷ نکته مهم در طراحی سایت

آموزش واکنش گرا کردن قالب وردپرس

طراحی سایت و نکات اصلی آن

۴ – محتوی سایت (۵ تا ۱۵ هفته)

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

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

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

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

مطالبی که منتشر میکنید باید حداقل ۳۰۰ کلمه باشد و پیشنهاد موتورهای جست و جو این است که مقاله شما باید بین ۱۵۰۰ تا ۲۰۰۰ کلمه باشد تا بتواند در نتایج جست و جو رتبه خوبی کسب کند.

نکاتی که باید در نوشتن مقالات و محتوی سایت خود رعایت کنید :

  • حداقل ۳۰۰ کلمه باشد و مقالات بیش از ۲۰۰۰ کلمه به دو قسمت تقسیم شوند
  • یک کلمه کلیدی برای مقاله خود در نظر بگیرید و در پاراگراف اول و آخر حتما از آن استفاده کنید و در میان متن هم چند بار آن را تکرار کنید
  • متون طولانی را پاراگراف بندی کنید و کلمات مهم را بصورت پر رنگ یا زیرخط دار نمایش دهید
  • کلمات کلیدی خود را با تگ H1 تا H3 در متن مشخص کنید
  • حتما از یک تصویر مرتبط با متن در مقاله خود استفاده کنید و در تگ alt تصویر از کلمه کلیدی استفاده کنید.موتورهای جست و جو نمیتوانند تصویر را ببینند اما از روی تگ alt تشخیص میدهند آن تصویر چه موضوعی دارد.

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

۵ – تست اولیه (۲ تا ۶ هفته)

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

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

۶- رونمایی سایت (۱ روز)

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

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

۷- توسعه ( همیشگی)

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

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

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

کلمات کلیدی:

آخرین مقالات

طراحی سایت و نکات اصلی آن

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

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

طراحی وب سایتطراحی سایت

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

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

برای هر سایت از ترکیب ۲ تا۳ رنگ مختلف استفاده کنید. استفاده از رنگهای بیشتر از این باعث شلوغ سایت خواهد شد.

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

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

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

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

۷ – بخش بندی سایت : برای زیبا تر شدن ظاهر سایت سعی کنید صفحات آن را به بخش های مختلف تقسیم کنید و در هر بخش نوع خاصی از مطالب قرار بگیرد. به عنوان مثال میتوانید از ستون های کناری برای قرار دادن تبلیغات , لینک دوستان, فرم ثبت نام و … استفاده کنید. از بخش بالایی سایت هم برای قرار دادن لوگو و منو های سایت استفاده کنید. این کار باعث افزایش رضایت کاربر از سایت شما میشود

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

۹ – تکنولوژی : برای طراحی سایت تا جایی که میتوانید از جدیدترین تکنولوژی های برنامه نویسی تحت وب مانند : Html 5 , Jquery ,bootstrap  و این دست فریم ورک ها استفاده کنید که قابلیت های فراوانی در اختیار شما قرار میدهد و امنیت بیشتری هم دارد. برای آشنایی بیشتر به مقاله تاریخچه طراحی سایت مراجعه کنید.

۱۰ – خاص بودن : قالبهای رایگان فراوانی در بازار وجود دارد که میتوانید از آنها برای سایت خود استفاده کنید اما فکر کرده اید چند نفر مثل شما از همان قالب استفاده کرده اند و سایت شما ممکن است از نظر کاربر تکراری باشد.همچنین این قالب های رایگان و قفل شکسته که در اینترنت به وفور یافت میشوند پر از مشکلات ظاهری و فنی هستند.

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

تجربه کاربر                     User Experience

۱۲ – سرعت سایت : باید دقت کنید صفحات سایت سبک باشد و در کمتر از ۵ ثانیه برای کاربر نمایش داده شود. اگر بیشتر از این زمان طول بکشد اکثر کاربرها با زدن دکمه برگشت به سراغ سایت بعدی میروند و در حقیقت نرخ پرش سایت شما افزایش یافته است.

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

۱۴ – منو ها : بخش بسیار مهم سایت منو ها هستند که بازدیدکنندگان با کمک آنها میتوانند به راحتی به بخش مورد نظر خود هدایت شوند. صفحات مهم سایت را در منوی اصلی سایت در بالای سایت قرار دهید و باقی صفحات را به منو های ثانویه و ستون های کناری سایت منتقل کنید.

۱۵ – اسکرول : سایت شما باید قابلیت اسکرول به پایین را داشته باشد. اما نباید در موبایل و تبلت نیازی به اسکرول به چپ و راست داشته باشد.

۱۶ – روند : باید مشخص کنید وقتی کاربری با هدف خرید یک محصول یا مطالعه یک مقاله وارد سایت میشود باید چه مراحلی را طی کند و چه کارهایی انجام دهد. این روند باید کوتاه ولی کامل باشد تا کاربر در کمترین زمان ممکن به خواسته خود برسد.

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

۱۸ – دکمه های مهم : در تمام سایتها دکمه های وجود دارد مانند : دکمه خرید , ثبت نام در خبرنامه , دانلود محصول و …. که این دکمه ها باید با رنگ بندی خاصی مشخص شود تا توجه کاربر جلب شود و همچنین این دکمه ها باید سایز بزرگتری داشته باشد.

۱۹ – خوانایی : متن سایت باید با یک فونت استاندارد و خوانا مشخص باشد. فونتی که بر روی تمامی نمایشگر ها بصورت خوانا قابل دیدن باشد و مطالعه آن باعث خستگی چشم نشود.

۲۰ – شفاف سازی : باید در سایت از خود اطلاعاتی به کاربر بدهید و خودتان و سابقه فعالیت هایتان را بصورت شفاف معرفی کنید. با این کار اعتماد کاربر بیشتر میشود و بهتر میتواند از خدمات شما استفاده کند.

۲۱ – آماده سازی : کاربران ورودی سایت را مستقیما به صفحات فروش محصول هدایت نکنید . بلکه اول اطلاعاتی به او بدهید و ذهنیت او را برای خرید آماده کنید. بعد در مرحله آخر او را به صفحات ویژه فروش هدایت کنید.

۲۲ – لینک سالم : تمامی لینک های سایت را بررسی کنید تا  مطمئن شوید که سالم هستند و لینک شکسته در سایت وجود ندارد.

۲۳ – متن لینک : متنی برای لینک خود انتخاب کنید که کاربر قبل از کلیک رو آن متوجه موضوع آن لینک بشود.

بجای اینکه کلمه اینجا کلیک کنید را لینک کنید میتوانید یک کلمه که مرتبط با صفحه مورد نظر است را لینک کنید که کاربر متوجه شود به چه صفحه ای هدایت خواهد شد.

۲۴ – لینک خارجی : تمامی لینکهای که از سایت شما به سایتهای دیگر داده میشود باید در پنجره جدید باز شود. این کار در کاهش نرخ پرش بسیار موثر است.

۲۵ – فرم ها : اگر در سایت خود فرم ثبت نام و خرید و …. دارید سعی کنید تا حد ممکن آنها را مختصر کنید و سوالهای اضافی از کاربر نپرسید. همچنین اگر میتوانید کدهای Captcha  را از فرم های خود حذف کنید.

۲۶- پر شدن خودکار : فرم های سایت شما باید این قابلیت را داشته باشند که بصورت خودکار توسط مرورگر کاربر پر شوند.

۲۷ – دادن تاییدیه : وقتی یک کاربر در سایت شما فرمی را پر میکند باید در انتها  پیغام مناسبی به او نمایش داده شود که کاربر بفهمد فرم با موفقیت ارسال شده یا خیر که متاسفانه بسیاری از طراحان این نکته را فراموش میکنند.

۲۸ – اطلاعات تماس : برای اعتماد سازی هرچه بیشتر سعی کنید در کنار تمامی فرم های سایت خود اطلاعات تماس را هم منتشر کنید که اگر به هر دلیلی کاربر نتوانست از طریق آن فرمها به خواسته خود برسد . بتواند به صورت مستقیم با شما در ارتباط باشد.

محتوی                  Content

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

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

۳۱ – محتوی همه چیز است : اگر هدف بلندمدت برای موفقی در فضای اینترنت دارید باید روی تولید محتوی تمرکز کنید.در میانه میلیونها سایت اینترنتی فقط یک محتوی خوب و کاربردی میتواند در نتایج جست و جو جایگاهی داشته باشد.

۳۲ – اسپم : هرگز افرادی که در خبرنامه سایت شما عضو هستند را با مطالب بیمورد و تبلیغات اسپم نکنید.

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

۳۴ – ویدئو ها : برای مطالب آموزش از ویدئو استفاده کنید و این کار تا حد بسیار زیادی نرخ تبدیل کاربران را افزایش میدهد.

۳۵ – به روز رسانی : یک سایت راکد و بدون فعالیت هیچ کاربری نخواد داشت و جایگاهی در نتایج هم ندارد.پس باید در فواصل زمانی منظم سایت خود را آپدیت کنید.

۳۶ – وبلاگ : یکی از مهمترین بخش های سایت است که مقالات شما در آن قرار میگیرد و میتوانید اطلاعات مهم در مورد محصولات را در آن قرار دهید.

۳۷ – شبکه های اجتماعی : بخش بسیار مهمی از ترویج و جذب کاربر به سایت بر عهده شبکه های اجتماعی است که به شما کمک میکند به صورت رایگان خودتان را به میلیونها کاربر از سراسر جهان معرفی کنید. البته باید دقت کنید تا اشتباهات رایج در شبکه های اجتماعی را مرتکب نشوید.

۳۸ – هدفمندی : اگر سایت شما جنبه عمومی ندارد و کالای خاصی ارائه میکنید پس فقط به دنبال جذب کاربران هدف خود باشید تا نتیجه بهتری بگیرید.

۳۹ – گرامر : باید دقت کنید که در متن شما غلط املایی و گرامر وجود نداشته باشد تا کاربر دچار چند فهمی و اشتباه نشود.

۴۰ – برتر بودن : در دنیای پر رقابت سایتهای اینترنتی فقط به بهترین بودن و رتبه اول نتایج گوگل فکر کنید.

۴۱ – صفحات فرود : برای فروش کالاهای خود صفحات فرود Landing page طراحی کنید و به طور خلاصه امتیازات مثبت محصول خود را در ان منتشر کنید.

۴۲ – سئو : یک بخش بسیار مهم در طراحی سایت قابلیت سئو بودن آن قالب است. یعنی قالب برای موتورهای جست و جو از نظر کدنویسی بهینه باشد تا بتواند رتبه خوبی کسب کند.

۴۳ – رتبه بندی : سایت شما باید در نتایج جست و جو رتبه خوبی داشته باشد که بتوانید فروش بیشتری داشته باشید.همه در حال تلاش هستند تا به صفحه اول نتایج گوگل دست پیدا کنند.

در رتبه بندی گوگل این صفحات سایت شما هستند که به شما رتبه میدهند نه خود سایت

توسعه                      Development

۴۴ – سیستم مدیریت محتوی : بجای ساعتها برنامه نویسی و ایجاد یک سایت از صفر میتوانید از صدها سیستم مدیریت محتوی موجود در اینترنت نظیر: وردپرس , جوملا و … استفاده کنید.

۴۵ – امنیت کاربران : وقتی شما قصد فروش کالایی به کاربران دارید پس تامین امنیت روند خرید و فعالیت کاربران در سایت بر عهده شماست.

۴۶ – پاداش : اگر فرم ثبت نامی در سایت دارید در مقابل این ثبت نام و اعتماد کاربران برای آنها پاداشی در نظر بگیرید. مانند یک کتاب الکترونیکی یا یک کد تخفیف

۴۷ – مطالعه : سعی کنید همیشه در موضوع سایت خود آگاه باشید و با مطالعه و تحقوق از آخرین اخبار مطلع شوید.

۴۸ – انتقال تجربیات : در محتوی سایت خود از تجربیات گذشته خود بنویسید و کاربران را از آنچه به سختی یاد گرفته اید مطلع سازید.

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

۵۰ – رعایت اصول : رعایت اصول برنامه نویسی و بخش بندی های سایت یک بخش مهم در طراحی سایت است

۵۱ – سرعت سایت : که میتوانید با خرید هاست مناسب و همچنین استفاده از یک سرویس CDN تا حد زیادی سرعت سایت را افزایش دهید.

۵۲ – تصاویر مرتبط : سعی کنید تا جای ممکن از تصاویر مرتبط با موضوع سایت در طراحی سایت استفاده کنید.

۵۳ – متن بیش از حد : اگر مقالات سایت شما طولانی هستند سعی کنید آنها را به چند بخش تقسیم کنید و با پراگراف بندی و استفاده از تگ های H1 . H2 مطالب مهم را مشخص کنید.

۵۴ – کدهای اضافی : بعضی کدهای زیباسازی که در طراحی سایت استفاده میشود مانند : خوش آمدگویی هنگام ورود کاربر , پرسیدن سن و تاریخ تولد , خداحافظی هنگام خروج کاربر و ….. اینگونه کدها دیگر منسوخ شده اند و بهتر است از سایت حذف شوند.

۵۵ –  فوتر سایت : بخش انتهایی سایت که به آن فوتر گفته میشود محل خوبی برای قرار دادن لینک دوستان و همچنین لینک بخشهای اصلی سایت است.

آینده سایت Future

۵۶ – رفع مشکلات : از کاربرهای سایت بخواهید که اگر مشکلی در سایت وجود دارد حتما به شما خبر بدهند و هرچه سریعتر ان مشکل را رفع کنید.

۵۷ – آنالیز رقبا : سایتهای همکار خود را بررسی کنید و از نقاط قوت آنها برای بهبود سایت خود استفاده کنید.

۵۸ – راهنما باشید : در دنیای اینترنت امروز فقط سایت هایی موفق هستند که با دادن اطلاعات جامع و کاربردی به کاربران بتوانند رتبه خوبی در نتایج گوگل داشته باشند.

۵۹ – فعال باشید : مهم نیست چقدر از سایتهای رقیب عقب هستید با سعی و تلاش میتوانید در زمان کوتاهی جایگاه خود را پیدا کنید.

۶۰ – همگام سازی : در طراحی سایت باید دقت کنید که سایت شما قابلیت گسترش داشته باشد و بتواند با تکنولوژی های آینده تطبیق پذیری پیدا کند.

نبایدها در طراحی سایت

۶۱ – فلش : استفاده از فلش در طراحی سایت و زیباسازی آن بسیار موثر است اما نباید در این کار زیاده روی کرد چون باعث کند شدن سایت و سنگینی صفحات میشود.

۶۲ – پاپ آپ : هیچکس علاقه ای به این پنجره های مزاحم ندارد.پس از پاپ آپ در هیچ جای سایت استفاده نکنید.

۶۳ – پخش اتوماتیک : اگر در سایت خود از فیلم و صدا استفاده میکنید حتما برای آن دکمه پخش و توقف قرار دهید و قابلیت پخش اتوماتیک را از روی آن حذف کنید.

۶۴ – تبلیغات : همه سایت ها برای ادامه دادن و کسب درآمد از تبلیغات در سایت استفاده میکنند. اما باید تعادل را حفظ کنید و با تبلیغ بیش از حد باعث آزاد کاربران نشوید.

۶۵ – اسلاید شو : یک بخش دیگر در طراحی سایت ایجاد اسلاید شو است. با کمک اسلاید شو میتوانید مطالب مهم و اصلی سایت را به کاربران نمایش دهید اما دقت کنید که این اسلاید شو ها زمانبندی مناسبی داشته باشد که برای کاربر قابل دیدن باشد و کاربر بتواند در صورت نیاز روی آن کلیک کند.

۶۶ – تکنولوژی های منسوخ : اگر مدتهاست از طراحی سایت شما گذشته و سایت شما قدیمی شده بهتر است به فکر طراحی یک قالب نو باشید و از تکنولوژی های جدید برنامه نویسی تحت وب در آن استفاده کنید.

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

۶۸ – حروف بزرگ : در نوشتن محتوی سایت نیازی نیست تمام کلمات را با حروف بزرگ بنویسید. چون کاربری که این متن را میخواند احساس میکند شما در حال فریاد زدن هستید که اصلا خوشایند نیست .

۶۹ – زیرخط : استفاده از زیرخط هم باید به اندازه لازم باشد. کلمات مهم و لینک ها را زیرخط دار کنید و نیازی نیست کل متن به صورت زیرخط دار باشد چون باعث اذیت شدن کاربر و ناخوانایی متن میشود.

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

طراحی سایت

برای انتشار اینفوگرافیک در سایت خود از کد زیر استفاده کنید

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

کلمات کلیدی:

آخرین مقالات

چرا کاربرها سایت شما را ترک میکنند ؟

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

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

کاربرها

چرا کاربرها شما را ترک میکنند

دلایل زیادی وجود دارد که باعث میشود کاربرها از شما رضایت نداشته باشند و سایت شما را ترک کنند که مهم ترین آنها عبارت اند از :

۱ – رابط کاربری سایت :

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

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

۲ – تبلیغات در سایت :

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

هنگامی که تبلیغ در سایت خود قرار میدهید باید توجه کنید که :

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

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

۳- قالب بندی سایت :

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

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

۴- مولتی مدیا

برای روشن تر کردن موضوع و انتقال مفاهیم به کاربر در مقالات سایت حتما باید از تصاویر مرتبط و حتی فیلم های آموزشی استفاده کنید اما باید دقت کنید که :

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

۵ – ثبت نام اجباری :

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

۶ – طراحی سایت :

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

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

۷ – خوانا بودن مطالب :

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

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

۸ – بروز رسانی  :

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

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

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

bounce rate چیست

برای انتشار اینفوگرافیک در سایت خود از کد زیر استفاده کنید :

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

کلمات کلیدی:

آخرین مقالات

نرخ پرش bounce rate چیست و چگونه آن را کاهش دهیم؟

یکی از فاکتور های مهم در سئو سایت ها نرخ پرش یا Bounce rate است. که به صورت عددی ۰ تا ۱۰۰ بیان میشود و بالا بودن نرخ پرش سایت شما در عمل زنگ خطری است که به شما میگوید یک جای کارتان ایراد دارد و باید به فکر چاره باشید در غیر این صورت به زودی تعداد زیادی از کاربران خود را از دست خواهید داد.

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

تصور کنید سایت شما ۱۰۰۰ بازدید یکتا روزانه دارد و نرخ پرش سایت شما ۸۰% است . این یعنی ۸۰۰ نفر از افرادی که از سایت شما بازدید میکنند بدون آنکه سراغ صفحه دیگری از سایت شما بروند از سایت خارج میشوند یا دکمه برگشت را کلیک میکنند. که این اصلا خوب نیست و باید به عنوان مدیر سایت فکری برای رفع آن بکنید.

نرخ پرش
چگونه نرخ پرش Bounce Rate را کاهش دهیم :

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

۱ – سرعت سایت :

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

۲- طراحی سایت

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

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

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

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

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

۳ – لینک ها :

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

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

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

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

bounce rate

۴- مطالب :

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

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

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

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

۵ – تبلیغات :

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

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

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

کلمات کلیدی:

آخرین مقالات

آموزش واکنش گرا کردن قالب وردپرس

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

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

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

قالب واکنش گرا

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

در این مقاله واکنش گرا کردن قالب پیش فرض TwentyTen در سیستم مدیریت محتوی وردپرس آموزش داده میشود. اما شما میتوانید همین تغییرات را بر روی هر قالب دیگری انجام دهید و آن قالب را Responsive کنید.

برای شروع باید به سراغ فایل Style.css بروید و تغییرات زیر را در آن ایجاد کنید.

برای دسترسی به این فایل از مسیر زیر استفاده کنید :

پنل مدیریت وردپرس >>> نمایش >>> ویرایشگر >>> فایل Style.css

در مرحله اول کد زیر را در انتهای فایل لضلفه کنید :

@media only screen and (max-width: 480px) {
}

افزودن این کد به مرورگر میگوید که اگر سایز صفحه نمایش کاربر کوچکتر از ۴۸۰ پیکسل باشد نسخه موبایل سایت برای او نمایش داده شود.

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

و برای پشیبانی از تبلت ها که عرض صفحه نمایش آنها ۹۵۹ پیکسل است از کد زیر استفاده کنید :

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

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

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

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper, #site-title {

width:400px;

}

و کد زیر :

#container {
width:100%;
}

مفهوم کدهای بالا این است که محتوی میتواند ۱۰۰% از عرض صفحه نمایش را بگیرد که عرض صفحه نمایش هم ۴۰۰ پیکسل تعریف شده است.

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

#branding img {
display:none;
}

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

#branding img {
width:100%
}

کد بالا مشخص میکند که اندازه تصویر هدر باید ۱۰۰% عرض صفحه نمایش باشد که در ابتدا ۴۰۰ پیکسل مشخص شد.

مرحله بعدی عنوان سایت است که برای مخفی کردن آن در نسخه موبایل از کد زیر :

#site-description{
display:none;
}

و برای نمایش آن در سایز مناسب و در گوشه سمت چپ از کد زیر استفاده کنید :

#site-description{
float:left;
}

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

#access{
width:100%;
}

و کد زیر برای هم عرض کردن بخش محتوی و نوار کناری  :

#content{
width:100%;
}

برای قسمت پست های سایت از کد زیر :

.hentry{
margin-left:-13px;
}

و برای مخفی کردن نوار کناری (ساید بار ) و هم عرض کردن نوار پایینی سایت (فوتر) از کد زیر استفاده کنید :

#primary{
display:none;
}

This one resizes the footer section:</pre>
<blockquote>
#footer{
width:100%;
}

و در پایان کد ها زیر برای کوچک کردن نام ورودپرس و حاشیه مشکی قسمت فوتر مورد استفاده قرار میگیرد :

#site-generator {
float:left;
margin-top:5px;
}

#colophon {
width:100%;
}

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

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

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper, #site-title {
 
width:400px;
 
}

#container {
width:100%;
}

#branding img {
width:100%
}

#site-description{
float:left;
}

#access{
width:100%;
}
#content{
width:100%;
}

.hentry{
margin-left:-13px;
}

#primary{
display:none;
}
 
This one resizes the footer section:</pre>
<blockquote>
#footer{
width:100%;
}

#site-generator {
float:left;
margin-top:5px;
}
 
#colophon {
width:100%;
}

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

کلمات کلیدی:

آخرین مقالات