طراحی وب سایت

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

طراحی وب سایت

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

  • ۰
  • ۰

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

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

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی