طراحی وب سایت

روش های نوین طراحی وبسایت

طراحی وب سایت

روش های نوین طراحی وبسایت

۴ مطلب با کلمه‌ی کلیدی «روش های طراحی وبسایت» ثبت شده است

  • ۰
  • ۰

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

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

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

با عرض پوزش از شما کاربر حرفه ای ، باید بگوییم افراد زیادی هستند که رمزعبور خود را همین کلمه «رمز عبور»( یا معادل انگلیسی اش password) قرار داده اند و برای همه رمزهای عبور خود از این کلمه استفاد میکنند. کسانی هستند که از نرم افزار آنتی ویروسی آپدیت نشده ۲ ساله استفاده می کنند! اگر هر کسی متعهد به حافظت از داده های خود بود، هکرها مجبور به صرف زمان بسیار طولانی تر و شیوه های پیچیده تری برای نفوذ بودند و خیلی از آنها هم از عهده چنین کارهایی بر نمی آمد. اما با وضعیت کنونی، به لطف اینکه بسیاری از مردم، غافل از آسیب پذیری خود هستند، برای هکرها نفوذ و حمله مانند بازی با اعداد آسان است.

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

۱- نرم افزارها را به روز نگه دارید؛ همه نرم افزارها را!

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

 

۲- رمزهای عبور قوی و مطمئن انتخاب کنید

 

خب ، الان سال ۲۰۱۰ است. مدت ها از عمر وب می گذرد. الان دیگر زمانی نیست که شما رمز عبور خود را از نام همسر، اعداد تابلو ۱۲۳۴۵۶، یا کلمه مرگبار « password» انتخاب کنید. اگر چه ممکن است خیلی از ماها به این رمزهای عبور بخندیم و سری به نشانه تاسف تکان دهیم، اما این یک واقعیت شگفت آور است که مردم حتی زمانی مجبور به انتخاب کلمه عبور برای حساس ترین حساب های خود هم می شوند، تا حدودی سهل انگاری کرده و اسامی انتخاب می کنند که آسان کشف می شوند.
پس یادتان باشد رمزهای عبور قدرتمند(که به راحتی نشود کشفشان کرد) و متفاوتی، برای اطلاعات بانکی، ایمیل، cPanel سایت و کارت های اعتباری خود انتخاب کنید- در غیر این صورت ، اطلاعات شما و سایت تان آسیب پذیر خواهد بود.

‏۳- permission فایلهای سایت را محدود و قفل کنید

آیا می دانید پرمیشن دسترسی به فایل و پوشه ها روی چه عددی تنظیم شده؟ بعضی از برنامه برای نصب نیاز به تنظیم پرمیشن بر روی عدد «۷۷۷» دارند. اما بیشتر ما فراموش می کنیم آنها را به عدد «۷۵۵» برای پوشه ها یا «۶۴۴» برای فایل های برگردانیم. حتما یادتان باشد بررسی کنید تا اطمینان یابید که دسترسی ها برای برنامه هایی که ناشناس هستند قفل شده باشد.

۴- به لینک ها دقت کنید

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

 

۵- برای ارسال ایمیل ها حتما از اس اس ال استفاده کنید

 

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

۶- از امنیت میزبان وب (Web Host) سایت خود با اجرای suPHP اطمینان حاصل کنید

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

۷- در مورد میزبان ها (هاست ها)

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

۸- نگاهی به سرویس میزبانی مشترک

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

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

۹- باید زرنگ بود! و حواستان به فایل های لاگ باشد

اگر دقیقا بدانید دنبال چه چیزی هستید، کار هکر را سخت تر کرده اید. اکثر هکرها، اگر با سایتی روبه رو شوند که شدیدا محافظت می شود، به سرعت از خیر نفوذ به آن گذشته و راه خود را به سمت سایت های دیگر که روش های ساده تری برای هک شان وجود دارد کج می کنند. به طور مرتب با کنترل فایل های لاگ(logfiles) کدهایی را که متعلق به سایت نیست شناسایی کنید، پلاگین های مشکوک و خطرساز را نصب نکنید، مواظب ورودهای غیرمجاز و ناشناس به بخشهای ویژه سایت تان باشید.


  • Novin نوین
  • ۰
  • ۰

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

  • 80% از کاربرهای اینترنت گوشی دارن.
  • 72% از مشتری ها سایت هایی رو میخوان که با تلفن های همراه سازگار باشه.
  • بیشتر از 8/6 میلیارد نفر از مردم از گوشی تلفن همراه استفاده می کنن که یعنی 87% از جمعیت جهان.

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

  • Novin نوین
  • ۰
  • ۰

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

تگ ALT

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

انکر تکست (Anchor text)

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

بک اند (Backend)

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

بک لینک (Backlink)

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

زیرِ تا

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

وبلاگ

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

نرخ خروج

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

سیستم مدیریت محتوا یا CMS

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

کانورژن

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

CSS

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

فراخوان ها

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

نقطه بر اینچ یا DPI

DPI مخفف Dots per inch هست که در فارسی "نقطه بر اینچ" ترجمه میشه و وضوح چاپ تصویر رو نشون میده. برای وبسایت ها وضوح 72 dpi استاندارده.

سیستم مدیریت محتوای دروپال

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

خطای 404

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

خطای 502 Bad gateway

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

فاویکن

می دونید آیکون کوچیکی که تو نوار آدرس کنار آدرس سایت نشون داده میشه چیه؟ فاویکن. معمولا 16 در 16 پیکسله. فاویکن می تونه فایل png، gif یا ico باشه.

یافت پذیری

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

طراحی عرض ثابت

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

طراحی فلت یا تخت

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

نقطه کانونی

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

ظاهر سایت (Frontend)

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

GIF

GIF مخفف Graphics Interchange Format هست و یه فرمت عکسه که برای اینکه سرعت انتقال و بارگذاری کم بشه فشرده شده. از بین عکس های گیف، عکس های متحرک بیشتر شناخته شده هستن. این عکس های متحرک در واقع از چند فریم عکس تشکیل شده که یه نوع فیلم بی صدای خیلی خیلی کوتاه بسازه.

HTML

HTML اولین زبان برنامه نویسی که برای نوشتن و ساختن وبسایت ها استفاده می شه و مخفف Hyper Text Markup Language هست. HTML برای تولید محتوای سایت استفاده میشه اما CSS ظاهر سایت رو طراحی و کنترل می کنه. اما از HTML هم تا حدی میشه برای تعیین مدل نمایش سایت استفاده کرد.

معماری اطلاعات

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

بازاریابی درون گرا یا رو به درون

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

جاوا اسکریپت

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

JPEG

JPEG هم مثل GIF یه فرمت عکسه که مخفف Joint Photographic Experts Group. با JPEG میتونید حجم عکس رو تا 5 درصد کم کنید، البته به جاش یه سری جزئیات ازش حذف میشن.

صفحه فرود

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

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

اتوماسیون بازاریابی یه پلت فرم نرم افزاریه. ترکیب این پلت فرم با یه وبسایت، CRM و فناوری های دیگه باعث می شه بازاریابی از طریق کانال های آنلاین مثل رسانه های اجتماعی، ایمیل و وبسایت ها راحت تر و کارهای تکراری و سخت رو اتوماتیک می کنه. هاب اسپات (Hubspot)، مارکتو (Marketo) و پاردوت (Pardot)  سیستم های اتوماسیون بازاریابی محبوبن.

طراحی مادی یا متریال

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

متا تگ

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

رهیاب

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

متن باز

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

نمایش صفحه

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

پلاگین

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

PNG

مخفف Portable Network Graphic یک نوع فرمت عکسه که داده ها رو، با کمترین میزان خسارت، فشرده می کنه. عکس هایی با فرمت PNG جزئیات بیشتری دارن اما JPEG ها جزئیات رو حذف می کنن.

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

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

سئو

SEO مخفف Search Engine Optimization به معنی بهینه سازی موتورهای جستجو. به کارهایی میگن که احتمال دیده شدن سایت بین صفحات نتایج موتورهای جستجو رو (بدون اینکه هزینه ای بشه) بیشتر می کنه. البته منظور جستجوی طبیعی هست.

نقشه سایت

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

رابط کاربری

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

قابلیت استفاده

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

تجربه کاربری

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

سرور وب

سرور وب یه کامپیوتر بزرگه که چند سایت و صفحه رو میزبانی می کنه.

وردپرس

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

  • Novin نوین
  • ۰
  • ۰

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

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

 

اگر برای انتقال استراتژی طراحی وب خود به مرحله بعدی آمادگی دارید، نحوه کار را در ادامه دنبال کنید:

1. طراحی واکنش گرا برای کامپیوتر و موبایل را بخشی از کار خود بدانید.

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

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

2. منوی ناوبری ساده برای وب سایت در نظر بگیرید.

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

3. استفاده از تصاویر بزرگ

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

موارد بسیار زیادی بر روی سرعت وب سایت تاثیر می گذارند که شامل کیفیت Hostو ارتباط WiFiنیز می شود. در حالیکه تصاویر بسیار بزرگ نیز بی تاثیر نیستند. به تازگی روزنامه New York Timesمنتشر کرده است که محققان گوگل دریافته اند کاربران وب سایت ها بیش از یک چشم بر هم زدن نمی توانند در انتظار باز شدن یک صفحه بمانند! البته این نکته برای کاربران ایرانی فعلا صدق نمیکند! تصاویر بزرگ اگر به خوبی سایز نشده باشند، می تواند باعث شود بازدید کنندگان وب سایت خود را از دست دهید.

 

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

  • Novin نوین