ثبت نام | ورود

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

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

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

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

امنیت جوملا

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آفلاین جوملا

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

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

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

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

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

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

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

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

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

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

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

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

دسترسی سی پنل

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

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

۷- بررسی htaccess

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

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

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

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

jHackGuard

Akeeba Admin Tools

jomDefender

jSecure

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

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

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

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

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

کلمات کلیدی:

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

هدف از طراحی سایت رفع نیازهای مشتری و جلب رضایت او است. در این صورت است که می‌توانید به فروش مناسب دست یافته و بقای کسب و کار خود را تضمین کنید. بنابراین بحث بازدیدکنندگان، بازدید از سایت و ترک سایت در کسب و کار مجازی شما بسیار پر رنگ می‌شود. هر چه قدر سایتی که طراحی می‌کنید زیبا و حرفه‌ای باشد اما بازدید کننده نداشته باشد در عمل شکست خورده است. در این راستا عوامل بسیار زیادی هستند که رضایت کاربر را جلب نکرده و در نهایت موجب می‌شوند سایت را ترک کنند و در اصطلاح نرخ پرش (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%;
}

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

کلمات کلیدی:

طراحی سایت واکنش گرا

 

طراحی سایت واکنش گرا یا ریسپانسیو چیست؟

اواخر سال ۲۰۱۰ کنسرسیوم W3C ورژن پنج زبان Html را ارائه کرد و به نوعی انقلابی در وب ایجاد کرد. زیرا طراحان می‌توانستند امکانات بسیار جدیدی به سایت اضافه کنند و یکی از آن‌ها ک خیلی زود فراگیر شد و به یک استاندارد تبدیل شد طراحی سایت واکنش گرا بود. برنامه نویسان توانستند با کمک زبان اچ تی ام ال ۵ و فریمورک هایی نظیر بوت استرپ سایت‌هایی طراحی کنند که در تمامی دستگاه‌های همراه به درستی نمایش داده می‌شد و کاربران هیچ مشکلی در هنگام استفاده از آن سایت‌ها نداشتند.

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

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

چرا باید طراحی سایت ریسپانسیو داشته باشید؟

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

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

طراحی سایت واکنش گرا

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

مزایای طراحی سایت واکنش گرا :

  • کاربر مجبور نیست برای مطالعه مطالب شما زوم کند و مطالب با سایز مناسب به او نمایش داده می‌شود.

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

  • منوهای کاربری بهینه سازی شده  و به راحتی در دسترس کاربر هستند.

  • به دلیل راحتی کاربر در استفاده از سایت زمان ماندن کاربر در سایت یا همان Time on Page افزایش یافته و همین موضوع موجب کاهش نرخ پرش Bounce Rate می‌گردد.

  • در سال ۲۰۱۲ شرکت گوگل به همه سایت‌ها تاکید کرد که باید واکنش گرا باشند و این یک امتیاز مثبت در رنکینگ سایت به شمار می‌رود.

 

طراحی سایت واکنش گرا با فراکارانت

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

 

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

۷ نکته پیشرفته طراحی سایت

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

نگهداری سایت

کلمات کلیدی:

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

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

طراحی سایت

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

در سال ۱۹۹۴ کنسرسیوم جهانی وب با نام W3C ایجاد شد که هدف آن تعیین استانداردهای برای سایت ها و فضای وب بود که این کنسرسیوم خدمات فراوانی به طراحان و سایتهای اینترنتی ارائه کرده است.

بعد از آن در سال ۱۹۹۵ دو پلتفورم قدرتمند وارد عرصه وب شد :

  • جاوا اسکریپ Java
  • فلش Flash

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

در سال ۱۹۹۶ با ۷۴ میلیون کاربر اینترنتی و بیش از ۶۵۰ هزار سایت فعال در فضای اینترنت قابلیت های CSS  و Frame هم به کمک برنامه نویسان و طراحان سایت آمد.

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

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

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

در سال ۲۰۰۳ در حالی که حدود ۸۰۰ میلیون کاربر فعال  و بیش از ۳۸ میلیون سایت وجود داشت. نوبت به نوع جدیدی از سایت ها به نام سایتهای وب ۲ رسید. سایتهای Web 2 به سایتهایی گفته میشود که در آن کاربران همه کاره بودند و محتوی توسط کاربر در یک بستر از قبل آماده شده منتشر میشد. مانند شبکه های اجتماعی , سایتهای انتشار مقاله و خبر و سرویس های وبلاگ.

در ادامه این تحول و در سال ۲۰۱۰ کنسرسیوم W3C ورژن پنجم از زبان برنامه نویسی اچ تی ام ال را ارائه کرد و انقلابی در طراحی سایت ایجاد کرد. با کمک این زبان طراحان میتوانستند سایتهای واکنش گرا طراحی کنند که در تمامی دستگاه ها به درستی نمایش داده شود و همچنین از مولتی مدیا در سایتهای خود استفاده کنند.

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

طراحی سایت

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

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

کلمات کلیدی: