۱. جستجوی بد
موتورهای جستجوی بیش از حد تحت‌اللفظی، قابلیت استفاده را کاهش می‌دهند، زیرا قادر به مدیریت غلط‌های املایی، جمع، خط فاصله و سایر انواع عبارات جستجو نیستند. چنین موتورهای جستجویی به ویژه برای کاربران مسن دشوار است ، اما به همه آسیب می‌رساند.
یک مشکل مرتبط زمانی است که موتورهای جستجو نتایج را صرفاً بر اساس تعداد عبارات جستجو شده در آنها، و نه بر اساس اهمیت هر سند، اولویت‌بندی می‌کنند. اگر موتور جستجوی شما «بهترین گزینه‌ها» را در بالای لیست قرار دهد - به خصوص برای جستجوهای مهم، مانند نام محصولات شما - خیلی بهتر است.
جستجو، راه نجات کاربر در مواقعی است که پیمایش با شکست مواجه می‌شود. اگرچه جستجوی پیشرفته گاهی اوقات می‌تواند کمک کند، اما جستجوی ساده معمولاً بهترین عملکرد را دارد و جستجو باید به صورت یک کادر ساده ارائه شود، زیرا این همان چیزی است که کاربران به دنبال آن هستند.
۲. فایل‌های PDF برای مطالعه آنلاین
کاربران از مواجه شدن با یک فایل PDF هنگام وبگردی متنفرند، زیرا روند کارشان را مختل می‌کند. حتی کارهای ساده‌ای مانند چاپ یا ذخیره اسناد دشوار است زیرا دستورات استاندارد مرورگر کار نمی‌کنند. طرح‌بندی‌ها اغلب برای یک ورق کاغذ بهینه می‌شوند که به ندرت با اندازه پنجره مرورگر کاربر مطابقت دارد. خداحافظ پیمایش روان. سلام به فونت‌های ریز.
بدتر از همه، PDF توده‌ای از محتوای نامتمایز است که پیمایش در آن دشوار است.
PDF برای چاپ و توزیع کتابچه‌های راهنما و سایر اسناد بزرگ که نیاز به چاپ دارند عالی است. آن را برای این منظور ذخیره کنید و هر اطلاعاتی را که نیاز به مرور یا خواندن روی صفحه دارد به صفحات وب واقعی تبدیل کنید.
۳. تغییر ندادن رنگ لینک‌های بازدید شده
درک خوب از پیمایش‌های گذشته به شما کمک می‌کند تا موقعیت فعلی خود را درک کنید، زیرا این نقطه اوج سفر شماست. دانستن موقعیت‌های گذشته و حال شما به نوبه خود تصمیم‌گیری در مورد مکان بعدی را آسان‌تر می‌کند. لینک‌ها عامل کلیدی در این فرآیند پیمایش هستند. کاربران می‌توانند لینک‌هایی را که در بازدیدهای قبلی خود بی‌فایده بوده‌اند، حذف کنند. برعکس، ممکن است لینک‌هایی را که در گذشته مفید یافته‌اند، دوباره بازدید کنند.
از همه مهم‌تر، دانستن اینکه کاربران قبلاً از کدام صفحات بازدید کرده‌اند، آنها را از بازدید مجدد و ناخواسته‌ی صفحات مشابه بارها و بارها نجات می‌دهد.
این مزایا تنها تحت یک فرض مهم حاصل می‌شوند: اینکه کاربران می‌توانند تفاوت بین لینک‌های بازدید شده و بازدید نشده را تشخیص دهند، زیرا سایت آنها را با رنگ‌های مختلف نشان می‌دهد. وقتی لینک‌های بازدید شده تغییر رنگ نمی‌دهند، کاربران در تست کاربردپذیری، سردرگمی بیشتری در پیمایش نشان می‌دهند و ناخواسته بارها و بارها از همان صفحات بازدید می‌کنند.
دیواری از متن برای یک تجربه تعاملی کشنده است. ترسناک. خسته‌کننده. خواندنش دردناک.
برای آنلاین بنویسید ، نه برای چاپ. برای جلب توجه کاربران به متن و پشتیبانی از قابلیت مرور اجمالی، از ترفندهای مستند استفاده کنید:
- زیرعنوان‌ها
- لیست‌های نقطه‌دار
- کلمات کلیدی برجسته
- پاراگراف‌های کوتاه
- هرم وارونه
- یک سبک نوشتاری ساده، و
- زبانی ساده و عاری از اصطلاحات بازاری.
> ردیابی چشمی الگوهای خواندن
۵. اندازه فونت ثابت
متأسفانه، استایل‌شیت‌های CSS به وب‌سایت‌ها این قدرت را می‌دهند که دکمه‌ی «تغییر اندازه‌ی فونت» مرورگر وب را غیرفعال کنند و یک اندازه‌ی فونت ثابت تعیین کنند. حدود ۹۵٪ مواقع، این اندازه‌ی ثابت کوچک است و خوانایی را برای اکثر افراد بالای ۴۰ سال به میزان قابل توجهی کاهش می‌دهد.
به ترجیحات کاربر احترام بگذارید و اجازه دهید در صورت نیاز اندازه متن را تغییر دهد . همچنین، اندازه فونت‌ها را به صورت نسبی تعیین کنید - نه به صورت تعداد مطلق پیکسل‌ها.
۶. عناوین صفحات با قابلیت مشاهده کم در موتور جستجو
جستجو مهمترین راهی است که کاربران وب‌سایت‌ها را کشف می‌کنند. جستجو همچنین یکی از مهمترین راه‌هایی است که کاربران راه خود را در وب‌سایت‌های مختلف پیدا می‌کنند. عنوان صفحه ساده، ابزار اصلی شما برای جذب بازدیدکنندگان جدید از فهرست‌های جستجو و کمک به کاربران فعلی برای یافتن صفحات خاص مورد نیازشان است.
عنوان صفحه درون تگ در HTML قرار دارد و تقریباً همیشه به عنوان تیتر قابل کلیک برای فهرست‌بندی در صفحات نتایج موتور جستجو (SERP) استفاده می‌شود. موتورهای جستجو معمولاً حدود ۶۶ کاراکتر اول عنوان را نشان می‌دهند، بنابراین واقعاً </span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">یک ریزمحتوا</span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> است .</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">عنوان صفحات همچنین به عنوان ورودی پیش‌فرض در علاقه‌مندی‌ها، زمانی که کاربران یک سایت را نشانه‌گذاری می‌کنند، استفاده می‌شود. برای صفحه اصلی خود، با نام شرکت شروع کنید و به دنبال آن توضیح مختصری از سایت بنویسید. با کلماتی مانند "The" یا "Welcome to" شروع نکنید، مگر اینکه بخواهید با حروف الفبا و تحت عنوان "T" یا "W" مرتب شوند.</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">برای صفحات دیگر غیر از صفحه اصلی، عنوان را با چند کلمه از برجسته‌ترین کلمات حاوی اطلاعات شروع کنید که جزئیات آنچه کاربران در آن صفحه پیدا می‌کنند را توصیف می‌کنند. از آنجایی که عنوان صفحه به عنوان عنوان پنجره در مرورگر استفاده می‌شود، به عنوان برچسب آن پنجره در نوار وظیفه ویندوز نیز استفاده می‌شود، به این معنی که کاربران پیشرفته با راهنمایی یک یا دو کلمه اول عنوان هر صفحه، بین چندین پنجره حرکت می‌کنند. اگر همه عناوین صفحات شما با کلمات یکسان شروع شوند، قابلیت استفاده را برای کاربران چند پنجره‌ای خود به شدت کاهش داده‌اید.</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">تگ‌لاین‌ها در صفحات اصلی</span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> موضوع مرتبطی هستند: آنها نیز باید کوتاه باشند و به سرعت هدف سایت را منتقل کنند.</span></p>
<h2 id="toc-7-anything-that-looks-like-an-advertisement-7" style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; font-family: 'Source Sans Variable', Arial, sans-serif; margin: 48px 0px 0px; letter-spacing: normal; text-transform: none; --font-weight: 700; font-size: 1.875rem; line-height: 1.25em; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-align: start; text-indent: 0px; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">۷. هر چیزی که شبیه تبلیغات باشد</span></h2>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 24px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; --font-weight: 700;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">توجه گزینشی</span></strong><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> بسیار قدرتمند است و کاربران وب یاد گرفته‌اند که به هر تبلیغاتی که مانع ناوبری هدفمند آنها می‌شود، توجه نکنند. (استثنای اصلی، </span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">تبلیغات متنی موتورهای جستجو</span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> است .)</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">متأسفانه، کاربران </span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">عناصر طراحی مشروعی را که شبیه</span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> اشکال رایج تبلیغات هستند، نادیده می‌گیرند. از این گذشته، وقتی چیزی را </span><em style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">نادیده می‌گیرید</span></em><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> ، آن را با جزئیات مطالعه نمی‌کنید تا بفهمید چیست.</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">بنابراین، بهتر است از هرگونه طرحی که شبیه تبلیغات است، اجتناب کنید. پیامدهای دقیق این دستورالعمل با اشکال جدید تبلیغات متفاوت خواهد بود؛ در حال حاضر این قوانین را دنبال کنید:</span></p>
<ul style="box-sizing: inherit; font-variation-settings: 'wght' 400; font-weight: 400; padding: 0px 0px 0px 2.5rem; margin: 24px 0px 0px; color: #000000; font-family: 'Source Sans Variable', Arial, sans-serif; font-size: 18px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<li style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; line-height: 1.65em;"><a class="old" style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; text-decoration: none; color: #385aff; cursor: pointer; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif;" title="جعبه هشدار: نابینایی بنر - یافته‌های قدیمی و جدید" href="https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/"><strong style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; --font-weight: 700;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">نابینایی بنری</span></strong></a><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> به این معنی است که کاربران هرگز چشم خود را بر روی چیزی که به دلیل شکل یا موقعیت در صفحه شبیه بنر تبلیغاتی است، ثابت نمی‌کنند.</span></li>
<li style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; line-height: 1.65em; margin-top: 12px;"><strong style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; --font-weight: 700;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">اجتناب از انیمیشن</span></strong><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> باعث می‌شود کاربران قسمت‌هایی با متن چشمک‌زن یا فلش یا سایر انیمیشن‌های تهاجمی را نادیده بگیرند.</span></li>
<li style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; line-height: 1.65em; margin-top: 12px;"><strong style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; --font-weight: 700;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">پاکسازی پنجره‌های پاپ‌آپ</span></strong><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> به این معنی است که کاربران پنجره‌های پاپ‌آپ را قبل از اینکه حتی به‌طور کامل نمایش داده شوند، می‌بندند؛ گاهی اوقات با خشونت زیاد (نوعی پیروزی برای جبران گذشته‌ی GeoCities).</span></li>
</ul>
<h2 id="toc-8-violating-design-conventions-8" style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; font-family: 'Source Sans Variable', Arial, sans-serif; margin: 48px 0px 0px; letter-spacing: normal; text-transform: none; --font-weight: 700; font-size: 1.875rem; line-height: 1.25em; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-align: start; text-indent: 0px; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">۸. نقض قراردادهای طراحی</span></h2>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 24px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; --font-weight: 700;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">ثبات</span></strong><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> یکی از قدرتمندترین اصول کاربردپذیری است: وقتی همه چیز همیشه یکسان رفتار می‌کند، کاربران لازم نیست نگران این باشند که چه اتفاقی خواهد افتاد. در عوض، آنها بر اساس تجربیات قبلی </span><em style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">می‌دانند</span></em><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> چه اتفاقی خواهد افتاد. هر بار که سیبی را بالای سر ایزاک نیوتن رها می‌کنید، روی سرش می‌افتد. این </span><em style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">خوب</span></em><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> است .</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">هرچه انتظارات کاربران بیشتر درست از آب درآید، بیشتر احساس می‌کنند که سیستم را تحت کنترل دارند و بیشتر آن را دوست خواهند داشت. و هرچه سیستم بیشتر انتظارات کاربران را زیر پا بگذارد، بیشتر احساس ناامنی خواهند کرد. ای وای، شاید اگر این سیب را رها کنم، تبدیل به گوجه فرنگی شود و یک مایل به آسمان بپرد.</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; --font-weight: 700;"><a style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; text-decoration: none; color: #385aff; cursor: pointer; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif;" title="ویدئو در مورد قانون یاکوب (۲ دقیقه با یاکوب نیلسن)" href="https://www.nngroup.com/videos/jakobs-law-internet-ux/"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">قانون تجربه کاربری وب جاکوب</span></a> </strong><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">بیان می‌کند که «کاربران بیشتر وقت خود را در</span><em style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> وب‌سایت‌های دیگر</span></em><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> می‌گذرانند ».</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">این یعنی آنها انتظارات خود را از سایت شما بر اساس آنچه که معمولاً در اکثر سایت‌های دیگر انجام می‌شود، شکل می‌دهند. اگر از این مسیر منحرف شوید، استفاده از سایت شما سخت‌تر خواهد شد و کاربران آن را ترک خواهند کرد.</span></p>
<h2 id="toc-9-opening-new-browser-windows-9" style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; font-family: 'Source Sans Variable', Arial, sans-serif; margin: 48px 0px 0px; letter-spacing: normal; text-transform: none; --font-weight: 700; font-size: 1.875rem; line-height: 1.25em; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-align: start; text-indent: 0px; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">۹. باز کردن پنجره‌های جدید مرورگر</span></h2>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 24px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">باز کردن پنجره‌های جدید مرورگر مثل این است که فروشنده‌ی جاروبرقی، بازدیدش را با خالی کردن زیرسیگاری روی فرش مشتری شروع کند. صفحه‌ی نمایش من را با پنجره‌های بیشتر آلوده نکنید، متشکرم (به‌خصوص که سیستم عامل‌های فعلی مدیریت پنجره‌هایشان افتضاح است).</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">طراحان با این فرضیه که این کار کاربران را در سایت خود نگه می‌دارد، پنجره‌های جدید مرورگر را باز می‌کنند. اما حتی صرف نظر از </span><strong style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; --font-weight: 700;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">پیام خصمانه کاربر که در تصرف دستگاه کاربر نهفته است</span></strong><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> ، این استراتژی خود-شکست‌خورده است زیرا دکمه </span><em style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">بازگشت</span></em><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> را که روش معمول بازگشت کاربران به سایت‌های قبلی است، غیرفعال می‌کند. کاربران اغلب متوجه نمی‌شوند که یک پنجره جدید باز شده است، به خصوص اگر از یک مانیتور کوچک استفاده کنند که در آن پنجره‌ها برای پر کردن صفحه نمایش به حداکثر می‌رسند. بنابراین کاربری که سعی می‌کند به مبدا بازگردد، با دکمه </span><em style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">بازگشت</span></em><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> خاکستری گیج خواهد شد .</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">لینک‌هایی که طبق انتظار رفتار نمی‌کنند، درک کاربران از سیستم خودشان را تضعیف می‌کنند. یک لینک باید یک ارجاع ابرمتن ساده باشد که صفحه فعلی را با محتوای جدید جایگزین کند. کاربران از پنجره‌های پاپ‌آپ بی‌دلیل متنفرند. وقتی می‌خواهند مقصد در یک صفحه جدید ظاهر شود، می‌توانند از دستور «باز کردن در پنجره جدید» مرورگر خود استفاده کنند - البته با فرض اینکه لینک قطعه کدی نباشد که با رفتار استاندارد مرورگر تداخل داشته باشد.</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 24px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">کاربران در وب بسیار هدفمند هستند. آنها از سایت‌ها بازدید می‌کنند زیرا چیزی وجود دارد که می‌خواهند به آن دست یابند - شاید حتی محصول شما را بخرند. شکست نهایی یک وب‌سایت، عدم ارائه اطلاعات مورد نظر کاربران است.</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">گاهی اوقات پاسخ به سادگی وجود ندارد و شما فروش را از دست می‌دهید زیرا کاربران اگر جزئیات را به آنها نگویید، باید فرض کنند که محصول یا خدمات شما نیازهای آنها را برآورده نمی‌کند. گاهی اوقات، جزئیات زیر لایه‌ای ضخیم از شعارهای بازاری و بی‌مزه دفن می‌شوند. از آنجایی که کاربران وقت ندارند همه چیز را بخوانند، چنین اطلاعات پنهانی تقریباً ممکن است وجود نداشته باشد.</span></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">بدترین نمونه از عدم پاسخگویی به سوالات کاربران، </span><strong style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; --font-weight: 700;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 700; font-weight: bold; vertical-align: inherit;">عدم ذکر قیمت</span></strong><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> محصولات و خدمات است. هیچ سایت تجارت الکترونیک B2C این اشتباه را مرتکب نمی‌شود، اما این اشتباه در </span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">B2B</span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> رایج است ، جایی که اکثر "راهکارهای سازمانی" به گونه‌ای ارائه می‌شوند که نمی‌توانید بگویید آیا برای ۱۰۰ نفر مناسب هستند یا ۱۰۰۰۰۰ نفر. قیمت، خاص‌ترین اطلاعاتی است که مشتریان برای درک ماهیت یک پیشنهاد از آن استفاده می‌کنند و عدم ارائه آن باعث می‌شود افراد احساس سردرگمی کنند و درک آنها از یک خط محصول کاهش یابد. ما ساعت‌ها ویدیو از کاربرانی داریم که در حالی که موهای خود را می‌کنند، می‌پرسند </span><em style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">"قیمت کجاست؟" .</span></em></p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">حتی سایت‌های B2C اغلب اشتباه مرتبط با فراموش کردن قیمت‌ها در لیست محصولات، مانند </span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">صفحات دسته‌بندی</span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> یا </span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;">نتایج جستجو را</span><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> مرتکب می‌شوند . دانستن قیمت در هر دو حالت کلیدی است؛ این به کاربران اجازه می‌دهد تا بین محصولات تمایز قائل شوند و روی مرتبط‌ترین آنها کلیک کنند.<br /><br /><br /></span></p>
<div class="wp-block-image" style="max-width: 100%; margin-bottom: 10px;">
<figure class="aligncenter size-large" style="box-sizing: border-box; text-align: center; margin-bottom: 16px;"><span style="box-sizing: border-box;"><span style="height: auto;"><span style="display: block;"><picture style="box-sizing: border-box;"><source style="box-sizing: border-box;" srcset="https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-1024x543.jpg.webp 1024w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-300x159.jpg.webp 300w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-768x407.jpg.webp 768w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-185x98.jpg.webp 185w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-285x151.jpg.webp 285w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-730x387.jpg.webp 730w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-661x350.jpg.webp 661w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-705x374.jpg.webp 705w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-189x100.jpg.webp 189w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-243x129.jpg.webp 243w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-625x331.jpg.webp 625w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego-665x352.jpg.webp 665w, https://www.digitalsilk.com/wp-content/uploads/2023/09/web-design-mistakes-good-example-lego.jpg.webp 1440w" type="image/webp" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></picture></span></span></span></figure>
</div>
<p>برای سفارش <a href="https://k-khojasteh.ir/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%af%d8%b1-%d8%b1%d8%b4%d8%aa/" data-cke-saved-href="https://k-khojasteh.ir/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%af%d8%b1-%d8%b1%d8%b4%d8%aa/">طراحی سایت در رشت و گیلان </a>به وب سایت محدثه خجسته مراجعه کنید</p>
<p style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; line-height: 1.85em; --font-weight: 350; font-family: 'Source Serif Pro Variable', 'Times New Roman', Times, serif; font-size: 1.25rem; margin-top: 16px; margin-bottom: 0px; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; font-variation-settings: 'wght' 350; font-weight: 350; vertical-align: inherit;"> </span></p>
</div>
<div class="row">
<div class="pc-26">
<div class="post-info">
<ul>
<li> <span class="postauthor">mohadese khojasteh</span> </li>
<li>
<div class="postlike"><a href="https://webziba.royablog.ir/prate/uppsccXEtsLgSRKqRzVz/" class="uplike"><span class="like-up"></span></a><span class="up-result"><span class="fbrateQuery fbrateUp" id="fbrate_uppsccXEtsLgSRKqRzVz">۰</span></span><a href="https://webziba.royablog.ir/prate/downpsccXEtsLgSRKqRzVz/" class="downlike"><span class="like-down"></span> </a><span class="down-result"><span class="fbrateQuery fbrateDown" id="fbrate_downpsccXEtsLgSRKqRzVz">۰</span></span></div>
</li>
<li> <span class="postcmnt"> <a href="https://webziba.royablog.ir/post/55/10اشتباهرایجدرطراحیوب#comments">۰ نظر</a></span> </li>
</ul>
</div>
</div>
<div class="pc-10"> </div>
</div>
</div>
</div><div class="post">
<div class="post-title"> <span class="post-title-icon"></span>
<h2><a href="https://webziba.royablog.ir/post/54/توسعه-وردپرس" target="_blank"> توسعه وردپرس </a></h2>
</div>
<div class="post-body">
<div class="post-details"> <span class="postdate"> یکشنبه ۰۷ اردیبهشت ۰۴ | ۲۰:۳۰ </span> <span class="postviews"> ۴ بازديد </span> </div>
<div class="post-cnt">
<div style="padding-right: 30px;">
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">آیا شما یک توسعه دهنده وب هستید که علاقه مند به ساخت وب سایت با </span><span style="box-sizing: inherit; vertical-align: inherit;">وردپرس</span><span style="box-sizing: inherit; vertical-align: inherit;"> هستید ؟ یا شاید شما به تازگی سفر توسعه وب خود را آغاز کرده اید و وردپرس بهترین </span><a style="box-sizing: inherit; text-decoration: underline; background-color: transparent; color: #002447; font-weight: bold;" href="https://wpengine.com/resources/how-to-use-wordpress/"><span style="box-sizing: inherit; vertical-align: inherit;">راه </span></a><span style="box-sizing: inherit; vertical-align: inherit;">برای شروع</span><span style="box-sizing: inherit; vertical-align: inherit;"> به نظر می رسد . </span></p>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">در هر صورت، توسعه وب‌سایت‌ها با وردپرس راهی عالی برای جان بخشیدن به پروژه‌های دیجیتال شماست. وردپرس به دلیل انعطاف پذیری و سهولت استفاده مشهور است، و مانع ورود کمی برای توسعه دهندگان وب در تمام سطوح مهارت، به ویژه در مقایسه با راه حل های مشابه، ایجاد می کند.<span style="font-size: 18px;"><span style="box-sizing: border-box;"><span style="line-height: 1.7;"><span style="color: #000000;"><span style="font-family: -apple-system, BlinkMacSystemFont, sans-serif;"><span style="font-style: normal;"><span style="font-variant-ligatures: normal;"><span style="font-variant-caps: normal;"><span style="font-weight: 400;"><span style="letter-spacing: normal;"><span style="orphans: 2;"><span style="text-transform: none;"><span style="widows: 2;"><span style="word-spacing: 0px;"><span style="white-space: normal;"><span style="background-color: #ffffff;"><span style="text-decoration-thickness: initial;"><span style="text-decoration-style: initial;"><span style="text-decoration-color: initial;"><span style="box-sizing: border-box; padding: 0px; vertical-align: inherit;">برای <a href="https://k-khojasteh.ir/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%AF%D8%B1-%D8%B1%D8%B4%D8%AA/" data-cke-saved-href="https://k-khojasteh.ir/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%AF%D8%B1-%D8%B1%D8%B4%D8%AA/">طراحی وب سایت در رشت و گیلان</a> به <a href="https://k-khojasteh.ir" data-cke-saved-href="https://k-khojasteh.ir">سایت محدثه خجسته</a> سر بزنید</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">وردپرس همچنین دارای یک جامعه بزرگ و فعال از کاربران و توسعه دهندگان است، به این معنی که هیچ کمبودی در منابع برای یادگیری در مورد توسعه وردپرس، از جمله </span><span style="box-sizing: inherit; vertical-align: inherit;">مستندات</span><span style="box-sizing: inherit; vertical-align: inherit;"> ، </span><span style="box-sizing: inherit; vertical-align: inherit;">آموزش ها</span><span style="box-sizing: inherit; vertical-align: inherit;"> و </span><span style="box-sizing: inherit; vertical-align: inherit;">انجمن ها</span><span style="box-sizing: inherit; vertical-align: inherit;"> وجود ندارد . </span></p>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">اگر در مورد توسعه وردپرس کنجکاو هستید اما نمی دانید از کجا شروع کنید، این مقاله برای شما ساخته شده است. برای مشاهده دقیق ویژگی‌ها، مفاهیم و مهارت‌های کلیدی که با شروع ایجاد سایت‌های وردپرس که مطابق با مشخصات شما ساخته شده‌اند، به خواندن ادامه دهید. در اینجا چیزی است که ما پوشش خواهیم داد: </span></p>
<ul class="wp-block-list" style="box-sizing: border-box; font-size: 16px; line-height: 1.875; list-style-type: none; margin-bottom: 20px; margin-left: 0px; padding-left: 1rem; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<li style="box-sizing: inherit; margin-bottom: 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">شروع کار با وردپرس</span></li>
<li style="box-sizing: inherit; margin-bottom: 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">وردپرس: اصول اولیه</span></li>
<li style="box-sizing: inherit; margin-bottom: 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">ملزومات توسعه وردپرس</span></li>
<li style="box-sizing: inherit; margin-bottom: 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">با توسعه وردپرس همراه باشید</span></li>
<li style="box-sizing: inherit; margin-bottom: 0px; position: relative;"><span style="box-sizing: inherit; vertical-align: inherit;">استفاده از WP Engine برای پروژه توسعه وردپرس بعدی شما</span></li>
</ul>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">اما قبل از اینکه جلوتر برویم…</span></p>
<h2 class="wp-block-heading" style="box-sizing: inherit; font-family: lora, georgia, serif !important; font-size: 2.75rem; font-weight: 500 !important; line-height: 1.3634; margin: 80px 0px 40px; font-style: normal; overflow: hidden; color: #002838; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span id="What_is_WordPress" style="box-sizing: inherit;"><span style="box-sizing: inherit; vertical-align: inherit;">وردپرس چیست؟</span></span></h2>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">وردپرس</span><span style="box-sizing: inherit; vertical-align: inherit;"> پرکاربردترین سیستم مدیریت محتوا (CMS) روی کره زمین است و میلیون ها سازنده محتوای دیجیتالی آن را به دلیل رابط کاربری آسان و پایگاه کد منعطف آن دوست دارند. </span></p>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">در حالی که بسیاری از کاربران غیر فنی ترجیح می دهند از وردپرس استفاده کنند زیرا ایجاد محتوا را آسان می کند، میلیون ها توسعه دهنده وب نیز از وردپرس برای ساخت برخی از محبوب ترین و پویاترین وب سایت ها در اینترنت استفاده می کنند و حتی به آن اعتماد می کنند. </span></p>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">یکی از دلایل محبوبیت وردپرس این است که متن باز است، به این معنی که کد منبع آن به صورت رایگان در دسترس است و هر کسی می تواند آن را تغییر دهد. این امر به توسعه دهندگان امکان سفارشی سازی سایت های وردپرس و رفع نیازهای خاص هر پروژه را آسان می کند. </span></p>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">علاوه بر این، وردپرس دارای طیف گسترده ای از </span><span style="box-sizing: inherit; vertical-align: inherit;">افزونه ها</span><span style="box-sizing: inherit; vertical-align: inherit;"> و </span><span style="box-sizing: inherit; vertical-align: inherit;">مضامین</span><span style="box-sizing: inherit; vertical-align: inherit;"> است که می تواند به گسترش عملکرد یک وب سایت کمک کند و ساخت (یا نگهداری آن) را آسان تر کند. این می تواند به ویژه برای توسعه دهندگانی که به تازگی با وردپرس شروع کرده اند و ممکن است تجربه محدودی در کار با CMS داشته باشند مفید باشد. </span></p>
<p style="box-sizing: inherit; margin: 0px 0px 20px; overflow: hidden; color: #002838; font-family: inter, helvetica, 'sans serif'; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: inherit; vertical-align: inherit;">به طور خلاصه، <a href="https://elementor.com/blog/programming-language-wordpress/">وردپرس</a> محبوب ترین سیستم مدیریت محتوا در جهان است، زیرا سهولت و انعطاف پذیری را برای کاربران غیر فنی و توسعه دهندگان به طور یکسان فراهم می کند. ایجاد و مدیریت محتوا را آسان می کند و در عین حال به کاربران فنی بیشتر یک بوم متن باز ارائه می دهد که در آن می توانند تقریباً هر نوع وب سایتی را که قابل تصور است بسازند. </span></p>
</div>
</div>
<div class="row">
<div class="pc-26">
<div class="post-info">
<ul>
<li> <span class="postauthor">mohadese khojasteh</span> </li>
<li>
<div class="postlike"><a href="https://webziba.royablog.ir/prate/uprXcbFERXLbUzNlOtJL/" class="uplike"><span class="like-up"></span></a><span class="up-result"><span class="fbrateQuery fbrateUp" id="fbrate_uprXcbFERXLbUzNlOtJL">۰</span></span><a href="https://webziba.royablog.ir/prate/downrXcbFERXLbUzNlOtJL/" class="downlike"><span class="like-down"></span> </a><span class="down-result"><span class="fbrateQuery fbrateDown" id="fbrate_downrXcbFERXLbUzNlOtJL">۰</span></span></div>
</li>
<li> <span class="postcmnt"> <a href="https://webziba.royablog.ir/post/54/توسعه-وردپرس#comments">۰ نظر</a></span> </li>
</ul>
</div>
</div>
<div class="pc-10"> </div>
</div>
</div>
</div><div class="post">
<div class="post-title"> <span class="post-title-icon"></span>
<h2><a href="https://webziba.royablog.ir/post/53/طراحیسایتچیست" target="_blank"> طراحی سایت چیست؟ </a></h2>
</div>
<div class="post-body">
<div class="post-details"> <span class="postdate"> پنجشنبه ۰۶ دی ۰۳ | ۱۸:۳۸ </span> <span class="postviews"> ۱۴ بازديد </span> </div>
<div class="post-cnt">
<h2 style="box-sizing: border-box; --cl-anchor-font-weight: inherit; font-size: var(--cl-font-size-h2,2rem); font-weight: var(--cl-font-weight-h2,600); letter-spacing: normal; line-height: var(--cl-line-height-h2,1.375); border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0.5rem 0px; padding: 0px; vertical-align: baseline; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </h2>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><a href="https://k-khojasteh.ir/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%AF%D8%B1-%D8%B1%D8%B4%D8%AA/"><span style="box-sizing: border-box; vertical-align: inherit;">طراحی وب‌سایت</span></a><span style="box-sizing: border-box; vertical-align: inherit;"> عمدتاً بر روی ظاهر و احساس وب‌سایت شما با توجه به </span><span style="box-sizing: border-box; vertical-align: inherit;">تجربه کاربر</span><span style="box-sizing: border-box; vertical-align: inherit;"> تمرکز دارد . این اولین مرحله از یک پروژه برای ایجاد یک وب سایت است.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">مسئولیت‌های یک </span><span style="box-sizing: border-box; vertical-align: inherit;">طراح وب</span><span style="box-sizing: border-box; vertical-align: inherit;"> شامل انجام </span><span style="box-sizing: border-box; vertical-align: inherit;">کشف مشتری</span><span style="box-sizing: border-box; vertical-align: inherit;"> ، انتخاب پالت‌های رنگی و طراحی </span><span style="box-sizing: border-box; vertical-align: inherit;">ماکاپ</span><span style="box-sizing: border-box; vertical-align: inherit;"> است . با این حال، یک طراح فقط برای اینکه وب سایت شما خوب به نظر برسد وجود ندارد.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">ملودی کریستین از فینیکی فاکس دیزاین</span><span style="box-sizing: border-box; vertical-align: inherit;"> در یک </span><span style="box-sizing: border-box; vertical-align: inherit;">ویدیوی اینستاگرامی</span><span style="box-sizing: border-box; vertical-align: inherit;"> می‌گوید : «به‌عنوان یک طراح، چیزها را زیبا نمی‌سازم. "بسیار خوب، من انجام می دهم، اما این فقط یک محصول جانبی از چیزی است که من سعی می کنم با طراحی خود به آن برسم."</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">او می‌افزاید: «وقتی می‌نشینم روی یک پروژه طراحی کار کنم، از خودم نمی‌پرسم چگونه می‌توانم این را زیبا کنم؟ از خودم می پرسم، "چگونه می توانم این هدف را داشته باشم؟"</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">از هویت برند شما گرفته تا دکمه فراخوان در صفحه فرود شما، یک طراح وب به کسب و کار شما کمک می کند تا از طریق تصاویر بصری به اهداف خود دست یابد.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">همچنین شایان ذکر است: </span><span style="box-sizing: border-box; vertical-align: inherit;">طراح UI/UX</span><span style="box-sizing: border-box; vertical-align: inherit;"> عنوان دیگری است که بسیاری از طراحان وب از آن استفاده می کنند. اما، همه طراحان UI/UX خود را طراح وب نمی دانند. به عنوان مثال، برخی از طراحان UI/UX بر طراحی اپلیکیشن موبایل تمرکز می کنند، نه طراحی و</span></p>
<h2 style="box-sizing: border-box; --cl-anchor-font-weight: inherit; font-size: var(--cl-font-size-h2,2rem); font-weight: var(--cl-font-weight-h2,600); letter-spacing: normal; line-height: var(--cl-line-height-h2,1.375); border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0.5rem 0px; padding: 0px; vertical-align: baseline; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">توسعه وب سایت چیست؟</span></h2>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">مرحله بعدی ایجاد یک وب سایت ، </span><span style="box-sizing: border-box; vertical-align: inherit;">توسعه وب سایت</span><span style="box-sizing: border-box; vertical-align: inherit;"> است که بر مکانیسم هایی تمرکز می کند که به سایت اجازه می دهد به درستی کار کند. به طور معمول، یک طراح وب، طرح‌های خود را به یک توسعه‌دهنده وب می‌دهد که سپس طرح‌ها را از طریق کدنویسی زنده می‌کند.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">شما اغلب توسعه دهندگان وب را در تیم های مهندسی پیدا خواهید کرد. به این دلیل که توسعه وب زیر مجموعه ای از مهندسی نرم افزار است. در حالی که یک توسعه‌دهنده وب ممکن است به عنوان یک مهندس نرم‌افزار شناسایی شود، اما هر مهندس نرم‌افزاری به‌عنوان توسعه‌دهنده وب شناخته نمی‌شود (مثلاً ممکن است فقط روی برنامه‌های موبایل یا بازی‌های ویدیویی کار کنند).</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">به خاطر داشته باشید که دو دسته از توسعه دهندگان وب سایت وجود دارد </span><a style="box-sizing: border-box; background-color: transparent; color: var(--cl-anchor-color,#0068b1); font-weight: var(--cl-anchor-font-weight,500); text-decoration: var(--cl-anchor-text-decoration,underline); border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" href="https://blog.hubspot.com/website/questions-to-ask-web-development-agencies?hubs_content=blog.hubspot.com/website/web-design-vs-web-development&hubs_content-cta=website%20developers%3A" target="_blank" rel="noopener noreferrer"><span style="box-sizing: border-box; vertical-align: inherit;">:</span></a><span style="box-sizing: border-box; vertical-align: inherit;"> فرانت اند و بک اند (همچنین ممکن است با عناوین "مهندس جلویی" و "مهندس بک اند" استفاده شوند).</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">یک توسعه دهنده فرانت اند کدی می نویسد که تعیین می کند وب سایت چگونه مفاهیم طراح وب را نمایش می دهد. یک </span><span style="box-sizing: border-box; vertical-align: inherit;">توسعه‌دهنده بک‌اند</span><span style="box-sizing: border-box; vertical-align: inherit;"> باید داده‌های موجود در پایگاه داده سایت شما را به درستی مدیریت کند و آن داده‌ها را در قسمت جلویی وب‌سایت نمایش دهد.</span></p>
<a id="whats-the-difference-between-web-design-vs-web-development" style="box-sizing: border-box; background-color: transparent; color: var(--cl-anchor-color,#0068b1); font-weight: var(--cl-anchor-font-weight,500); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-size: 18px; line-height: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0px; padding: 0px; vertical-align: baseline; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal;" data-hs-anchor="true"></a>
<h2 style="box-sizing: border-box; --cl-anchor-font-weight: inherit; font-size: var(--cl-font-size-h2,2rem); font-weight: var(--cl-font-weight-h2,600); letter-spacing: normal; line-height: var(--cl-line-height-h2,1.375); border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0.5rem 0px; padding: 0px; vertical-align: baseline; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">تفاوت بین طراحی وب و توسعه وب چیست؟</span></h2>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">همپوشانی زیادی بین طراحی وب و توسعه وب وجود دارد. یافتن توسعه‌دهنده‌ای با دانش طراحی، یا طراحانی که HTML و CSS را می‌دانند، غیرمعمول نیست.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">برای گیج‌کننده‌تر کردن مسائل، مردم اغلب از اصطلاح «طراحی وب» برای دربر گرفتن اصطلاح گسترده‌تر «طراحی و توسعه وب» استفاده می‌کنند، فقط به این دلیل که درک اولی برای غیر طراحان/غیر توسعه‌دهندگان کوتاه‌تر و آسان‌تر است.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">با این حال، طراحی وب و توسعه وب متفاوت هستند، و سرمایه گذاری در هر دو برای ارائه یک </span><span style="box-sizing: border-box; vertical-align: inherit;">تجربه کاربری استثنایی</span><span style="box-sizing: border-box; vertical-align: inherit;"> ضروری است . آنها به صورت پشت سر هم کار می کنند تا یک وب سایت جذاب، کاربردی و منسجم ایجاد کنند.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">در اینجا برخی از بزرگترین اختلافات بین این دو وجود دارد.</span></p>
<h3 style="box-sizing: border-box; font-size: var(--cl-font-size-h3,font-size-h3); font-weight: var(--cl-font-weight-h3,font-weight-medium); letter-spacing: normal; line-height: var(--cl-line-height-h3,line-height-h3); border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0.5rem 0px; padding: 0px; vertical-align: baseline; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">1. توسعه دهندگان وب سایت مسئولیتی در قبال طراحی دارایی های خلاقانه ندارند.</span></h3>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">تفاوت اصلی بین </span><span style="box-sizing: border-box; vertical-align: inherit;">طراحی وب</span><span style="box-sizing: border-box; vertical-align: inherit;"> و توسعه وب این است که در حالی که طراحان وب دارایی های بصری می سازند که ارزش زیبایی شناختی را به سایت اضافه می کند (و تجربه کاربر را افزایش می دهد)، توسعه دهندگان وب مسئول ایجاد این قابلیت ها هستند.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">بنابراین، یک طراح وب با استفاده از نرم افزارهایی مانند Figma یا Sketch، ماکت ها یا وایرفریم ها را ایجاد می کند.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">سپس، یک توسعه‌دهنده با استفاده از جاوا اسکریپت</span><span style="box-sizing: border-box; vertical-align: inherit;"> ، CSS و HTML، ماکت‌ها، وایرفریم‌ها و سایر دارایی‌های طراح را به کد ترجمه می‌کند .</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">بنابراین، ایجاد دارایی های بصری بر عهده طراح وب سایت است، در حالی که استفاده از کد برای نمایش آن دارایی ها در وب سایت وظیفه توسعه دهنده وب سایت است.</span></p>
<h3 style="box-sizing: border-box; font-size: var(--cl-font-size-h3,font-size-h3); font-weight: var(--cl-font-weight-h3,font-weight-medium); letter-spacing: normal; line-height: var(--cl-line-height-h3,line-height-h3); border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0.5rem 0px; padding: 0px; vertical-align: baseline; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">2. طراحان وب سایت مسئولیتی در قبال نوشتن کد ندارند.</span></h3>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">تفاوت دیگر طراحی وب و توسعه وب این است که طراحان معمولاً کد نمی نویسند.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">بسیاری از طراحان وب حداقل با </span><span style="box-sizing: border-box; vertical-align: inherit;">HTML و CSS</span><span style="box-sizing: border-box; vertical-align: inherit;"> آشنایی دارند . هر دوی این زبان ها بسیار مفید هستند زیرا قسمت های بصری یک وب سایت را کنترل می کنند. (دانستن کمی HTML و CSS این است که چگونه می توانم قسمت هایی از تم های وب سایت را سفارشی کنم حتی اگر توسعه دهنده نیستم).</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">با این حال، از یک طراح انتظار نمی رود که زبان های برنامه نویسی مانند Python یا PHP را بداند. البته، استثنائاتی وجود دارد - اما به طور کلی، طراحان برای کدنویسی مسئول نیستند.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">مسئولیت های اصلی یک طراح وب را در نظر بگیرید. این موارد عبارتند از:</span></p>
<ul style="box-sizing: border-box; margin: 0px; list-style: none; padding: 0px; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: 300; font-stretch: inherit; font-size: 18px; line-height: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #213343; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<li style="box-sizing: border-box; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 300; font-stretch: inherit; font-size: 1.125rem; line-height: 1.77778; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px 0px 0px 1rem; vertical-align: baseline; letter-spacing: var(--cl-text-letter-spacing,normal); position: relative;"><span style="box-sizing: border-box; vertical-align: inherit;">مصاحبه با مشتری برای درک اهداف او</span></li>
<li style="box-sizing: border-box; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 300; font-stretch: inherit; font-size: 1.125rem; line-height: 1.77778; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px 0px 0px 1rem; vertical-align: baseline; letter-spacing: var(--cl-text-letter-spacing,normal); position: relative;"><span style="box-sizing: border-box; vertical-align: inherit;">استفاده از نرم افزارهایی مانند فتوشاپ برای ویرایش تصاویر</span></li>
<li style="box-sizing: border-box; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 300; font-stretch: inherit; font-size: 1.125rem; line-height: 1.77778; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px 0px 0px 1rem; vertical-align: baseline; letter-spacing: var(--cl-text-letter-spacing,normal); position: relative;"><span style="box-sizing: border-box; vertical-align: inherit;">ساخت ماکاپ در Figma</span></li>
</ul>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">با این حال، کدنویسی در هیچ یک از این کارها دخیل نیست، بنابراین در اینجاست که توسعه وب وارد تصویر می شود.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">از طرف دیگر، برخی از شرکت‌ها با </span><span style="box-sizing: border-box; vertical-align: inherit;">سازندگان وب‌سایت «بدون کد»</span><span style="box-sizing: border-box; vertical-align: inherit;"> کار می‌کنند تا طراحان بتوانند سایت را زیبا کرده و تجربه کاربر را بدون کدنویسی بهبود بخشند.</span></p>
<h3 style="box-sizing: border-box; font-size: var(--cl-font-size-h3,font-size-h3); font-weight: var(--cl-font-weight-h3,font-weight-medium); letter-spacing: normal; line-height: var(--cl-line-height-h3,line-height-h3); border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0.5rem 0px; padding: 0px; vertical-align: baseline; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">3. شما معمولا هزینه کمتری برای طراحی وب در مقابل توسعه وب خواهید پرداخت.</span></h3>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">به طور سنتی، طراحی وب سایت هزینه کمتری نسبت به توسعه وب دارد. ZipRecruiter نشان می دهد که از نوامبر 2024، نقش های توسعه دهنده وب به طور متوسط </span><span style="box-sizing: border-box; vertical-align: inherit;">45 دلار در ساعت</span><span style="box-sizing: border-box; vertical-align: inherit;"> است ، در حالی که طراحان به طور متوسط </span><span style="box-sizing: border-box; vertical-align: inherit;">35 دلار در ساعت</span><span style="box-sizing: border-box; vertical-align: inherit;"> درآمد دارند . ناهنجاری هایی وجود دارد، اما معمولاً هزینه کمتری برای طراحی وب در مقابل توسعه وب پرداخت خواهید کرد.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">چرا؟ زیرا توسعه وب به آموزش فنی بیشتری مانند یادگیری کدنویسی نیاز دارد. عرضه و تقاضا نیز بر میانگین هزینه تأثیر می گذارد - احتمالاً تعداد طراحان وب بیشتر از توسعه دهندگان است. با این حال، اگر به دنبال یک طراح یا توسعه‌دهنده وب ماهر هستید، می‌توانید انتظار داشته باشید که مبلغی بیش از میانگین پرداخت کنید.</span></p>
<h3 style="box-sizing: border-box; font-size: var(--cl-font-size-h3,font-size-h3); font-weight: var(--cl-font-weight-h3,font-weight-medium); letter-spacing: normal; line-height: var(--cl-line-height-h3,line-height-h3); border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0.5rem 0px; padding: 0px; vertical-align: baseline; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">4. طراحی وب سایت بر نحوه ظاهر و احساس یک سایت تمرکز دارد. توسعه وب سایت بر نحوه عملکرد سایت متمرکز است.</span></h3>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">این را به خاطر داشته باشید: تفاوت بین </span><span style="box-sizing: border-box; vertical-align: inherit;">طراحی وب و توسعه وب</span><span style="box-sizing: border-box; vertical-align: inherit;"> به نقشی که هر کدام در ایجاد وب سایت ایفا می کنند خلاصه می شود.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">در حالی که توسعه وب‌سایت از طریق کد، قابلیت‌هایی را به سایت اضافه می‌کند، طراحی وب‌سایت به دنبال بهبود تجربه کاربر و </span><span style="box-sizing: border-box; vertical-align: inherit;">رابط کاربری</span><span style="box-sizing: border-box; vertical-align: inherit;"> است و وب‌سایتی را به گونه‌ای تبدیل می‌کند که مشتریان مایل به مشاهده آن هستند.</span></p>
<p style="box-sizing: border-box; font-size: 18px; font-weight: 300; letter-spacing: normal; line-height: 1.77778; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: 'Lexend Deca', sans-serif; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 1rem 0px; padding: 0px; vertical-align: baseline; overflow-wrap: normal; color: #213343; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="box-sizing: border-box; vertical-align: inherit;">در نتیجه، این زیربخش های ایجاد یک وب سایت به همان اندازه ضروری هستند.</span></p>
</div>
<div class="row">
<div class="pc-26">
<div class="post-info">
<ul>
<li> <span class="postauthor">mohadese khojasteh</span> </li>
<li>
<div class="postlike"><a href="https://webziba.royablog.ir/prate/upfqczRETdeFzbcluFFb/" class="uplike"><span class="like-up"></span></a><span class="up-result"><span class="fbrateQuery fbrateUp" id="fbrate_upfqczRETdeFzbcluFFb">۰</span></span><a href="https://webziba.royablog.ir/prate/downfqczRETdeFzbcluFFb/" class="downlike"><span class="like-down"></span> </a><span class="down-result"><span class="fbrateQuery fbrateDown" id="fbrate_downfqczRETdeFzbcluFFb">۰</span></span></div>
</li>
<li> <span class="postcmnt"> <a href="https://webziba.royablog.ir/post/53/طراحیسایتچیست#comments">۰ نظر</a></span> </li>
</ul>
</div>
</div>
<div class="pc-10"> </div>
</div>
</div>
</div><div class="post">
<div class="post-title"> <span class="post-title-icon"></span>
<h2><a href="https://webziba.royablog.ir/post/52/اصولطراحیخوبوبسایت" target="_blank"> اصول طراحی خوب وب سایت </a></h2>
</div>
<div class="post-body">
<div class="post-details"> <span class="postdate"> دوشنبه ۰۳ دی ۰۳ | ۲۱:۳۲ </span> <span class="postviews"> ۱۳ بازديد </span> </div>
<div class="post-cnt">
<div id="fws_66fd2c7960b73" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-3-percent" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: calc(37.35px); border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h2 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 300; font-stretch: inherit; font-size: 46px; line-height: 56px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none; text-align: left;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #2c1369;"><span style="box-sizing: border-box; vertical-align: inherit;">اصول طراحی خوب وب سایت</span></span></h2>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px 0px 1.5em; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; text-align: left;"><span style="box-sizing: border-box; vertical-align: inherit;">یک<a href="https://k-khojasteh.ir/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%AF%D8%B1-%D8%A8%D9%86%D8%AF%D8%B1-%D8%A7%D9%86%D8%B2%D9%84%DB%8C/"> طراحی وب سایت</a> موثر باید عملکرد مورد نظر خود را با انتقال پیام خاص خود انجام دهد و در عین حال بازدیدکننده را درگیر کند. عوامل متعددی مانند ثبات، رنگ ها، تایپوگرافی، تصاویر، سادگی و عملکرد به طراحی خوب وب سایت کمک می کنند.</span></p>
<p style="box-sizing: border-box; margin: 0px; padding: 0px 0px 1.5em; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; text-align: left;"><span style="box-sizing: border-box; vertical-align: inherit;">هنگام طراحی یک وب سایت، عوامل کلیدی زیادی وجود دارد که به نحوه درک آن کمک می کند. یک وب سایت خوب طراحی شده می تواند به ایجاد اعتماد کمک کند و بازدیدکنندگان را برای اقدام راهنمایی کند. ایجاد یک تجربه کاربری عالی شامل اطمینان از اینکه طراحی وب سایت شما برای قابلیت استفاده (شکل و زیبایی شناسی) و استفاده از آن آسان است (عملکرد) بهینه شده است.</span></p>
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; text-align: left;"><span style="box-sizing: border-box; vertical-align: inherit;">در زیر دستورالعمل هایی وجود دارد که هنگام بررسی پروژه وب بعدی خود به شما کمک می کند.</span></p>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 385.15px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy loaded animated-in" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/Webwork_3.jpg" alt="اصول طراحی وب خوب توسط Feelingpeaky" width="736" height="667" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c796545e" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 524px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 425px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy loaded animated-in" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/Target.jpg" alt="اصول طراحی وب خوب توسط Feelingpeaky" width="600" height="600" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">1. هدف وب سایت</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px 0px 1.5em; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">وب سایت شما باید نیازهای کاربر را برآورده کند. داشتن یک هدف ساده ساده در همه صفحات به کاربر کمک می کند تا با آنچه شما ارائه می دهید تعامل داشته باشد. هدف وب سایت شما چیست؟ آیا اطلاعات عملی مانند "چگونه راهنمایی کنیم" را به شما می‌دهید؟ آیا این یک وب سایت سرگرمی مانند پوشش ورزشی است یا محصولی را به کاربر می فروشید؟ اهداف متفاوتی وجود دارد که وب سایت ها ممکن است داشته باشند، اما اهداف اصلی مشترک در همه وب سایت ها وجود دارد.</span></p>
<ol style="box-sizing: border-box; margin: 0px 0px 0px 30px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; list-style: none;">
<li style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; list-style: outside decimal;"><span style="box-sizing: border-box; vertical-align: inherit;">تشریح تخصص</span></li>
<li style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; list-style: outside decimal;"><span style="box-sizing: border-box; vertical-align: inherit;">ساختن شهرت شما</span></li>
<li style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; list-style: outside decimal;"><span style="box-sizing: border-box; vertical-align: inherit;">تولید سرنخ</span></li>
<li style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; list-style: outside decimal;"><span style="box-sizing: border-box; vertical-align: inherit;">فروش و مراقبت های پس از آن</span></li>
</ol>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c7968a9b" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 174.5px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 950px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">2. </span></span><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">سادگی</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">سادگی بهترین راه برای در نظر گرفتن تجربه کاربری و قابلیت استفاده از وب سایت شما است. در زیر راه هایی برای دستیابی به سادگی از طریق طراحی آورده شده است.</span></p>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c796a9da" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 425.3px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-4 wpb_column column_container vc_column_container col padding-2-percent" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 316.663px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: calc(24.9px); border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h4 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 22px; line-height: 28px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">رنگ</span></span></h4>
</div>
</div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">رنگ قدرت انتقال پیام ها و برانگیختن پاسخ های احساسی را دارد. یافتن پالت رنگی متناسب با برند شما به شما این امکان را می دهد که بر رفتار مشتری خود نسبت به برند خود تأثیر بگذارید. انتخاب رنگ را به کمتر از 5 رنگ محدود کنید. رنگ های مکمل خیلی خوب کار می کنند. ترکیب رنگ های دلپذیر باعث افزایش جذب مشتری و ایجاد حس خوبی در کاربر می شود.</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-4 wpb_column column_container vc_column_container col padding-2-percent" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 316.663px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: calc(24.9px); border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h4 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 22px; line-height: 28px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">تایپ کنید</span></span></h4>
</div>
</div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">تایپوگرافی نقش مهمی در وب سایت شما دارد. توجه را جلب می کند و به عنوان تفسیر بصری صدای برند عمل می کند. حروف تایپ باید خوانا باشند و فقط از حداکثر 3 فونت مختلف در وب سایت استفاده کنند.</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-4 wpb_column column_container vc_column_container col padding-2-percent" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 316.663px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: calc(24.9px); border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h4 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 22px; line-height: 28px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">تصویرسازی</span></span></h4>
</div>
</div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">تصویرسازی هر جنبه بصری مورد استفاده در ارتباطات است. این شامل عکاسی ثابت، تصویرسازی، ویدئو و همه اشکال گرافیکی است. همه تصاویر باید گویا باشند و روح شرکت را تسخیر کنند و به عنوان تجسم شخصیت برند آنها عمل کنند. بیشتر اطلاعات اولیه ای که ما در وب سایت ها مصرف می کنیم، بصری است و به عنوان اولین برداشت، مهم است که از تصاویر با کیفیت بالا برای ایجاد تصور حرفه ای و اعتبار در ذهن بازدیدکنندگان استفاده شود.</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c796deef" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 425px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">3. </span></span><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">ناوبری</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">ناوبری سیستم راهیابی است که در وب سایت هایی استفاده می شود که در آن بازدیدکنندگان در تعامل هستند و آنچه را که به دنبال آن هستند پیدا می کنند. ناوبری وب سایت کلید حفظ بازدیدکنندگان است. اگر ناوبری وب سایت گیج کننده باشد، بازدیدکنندگان تسلیم می شوند و آنچه را که نیاز دارند در جای دیگری پیدا می کنند. ساده، شهودی و ثابت نگه داشتن ناوبری در هر صفحه کلیدی است.</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 425px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy animated-in loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/Menu_2.jpg" alt="اصول طراحی وب خوب توسط Feelingpeaky" width="600" height="600" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c797184f" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 647.4px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 647.4px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy animated-in loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/F-Shaped.jpg" alt="طرح بندی F شکل - طراحی دیجیتال توسط Feelingpeaky Ltf" width="472" height="719" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">4. الگوی F شکل خواندن</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">الگوی مبتنی بر F رایج‌ترین روشی است که بازدیدکنندگان برای اسکن متن در یک وب‌سایت استفاده می‌کنند. مطالعات ردیابی چشم نشان داده است که بیشتر آنچه مردم می بینند در نواحی بالا و سمت چپ صفحه نمایش است. طرح F شکل الگوی طبیعی خواندن ما در غرب را تقلید می کند (از چپ به راست و از بالا به پایین). یک وب سایت به طور موثر طراحی شده با الگوی طبیعی خواننده برای اسکن صفحه کار می کند.</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c7974c3d" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 521px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">5. سلسله مراتب بصری</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">سلسله مراتب بصری چیدمان عناصر به ترتیب اهمیت است. این کار بر اساس اندازه، رنگ، تصاویر، کنتراست، تایپوگرافی، فضای خالی، بافت و سبک انجام می شود. یکی از مهمترین کارکردهای سلسله مراتب بصری ایجاد یک نقطه کانونی است. این به بازدیدکنندگان نشان می دهد که مهمترین اطلاعات کجاست.</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-6-percent" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="left" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px 0px 0px calc(74.7px); border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 446px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy loaded animated-in" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/Hierarchy_3-1.jpg" alt="اصول طراحی وب خوب توسط Feelingpeaky" width="348" height="446" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c7977ef0" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 353.562px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 353.562px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy loaded animated-in" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/Content.jpg" alt="اصول طراحی وب خوب توسط Feelingpeaky" width="470" height="391" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">6. محتوا</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">یک وب سایت موثر هم طراحی عالی دارد و هم محتوای عالی. استفاده از محتوای عالی با زبان جذاب می تواند بازدیدکنندگان را با تبدیل آنها به مشتری جذب و تحت تاثیر قرار دهد.</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c797b2e9" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 414.188px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">7. طرح بندی مبتنی بر شبکه</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">گریدها به ساختار طراحی شما و سازماندهی محتوای شما کمک می کنند. شبکه به تراز کردن عناصر در صفحه و تمیز نگه داشتن آن کمک می کند. طرح‌بندی مبتنی بر شبکه، محتوا را در یک ساختار شبکه‌ای سفت و سخت با ستون‌هایی مرتب می‌کند، بخش‌هایی که در یک ردیف قرار می‌گیرند و احساس تعادل می‌کنند و نظم را تحمیل می‌کنند و به یک وب‌سایت زیبایی‌شناختی منجر می‌شوند.</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 414.188px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy animated-in loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/grid.jpg" alt="اصول طراحی وب خوب توسط Feelingpeaky" width="472" height="460" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c797e147" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 647.4px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 647.4px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy loaded animated-in" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/load-time_2.jpg" alt="اهمیت زمان بارگذاری توسط Feelingpeaky Ltd" width="472" height="719" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">8. زمان بارگذاری</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">انتظار برای بارگذاری یک وب سایت باعث از دست دادن بازدیدکنندگان می شود. تقریباً نیمی از بازدیدکنندگان وب انتظار دارند که یک سایت در 2 ثانیه یا کمتر بارگذاری شود و به طور بالقوه سایتی را که بارگذاری نشده است در عرض 3 ثانیه ترک می کنند. بهینه سازی اندازه تصویر به بارگذاری سریعتر سایت شما کمک می کند.</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c7981157" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; width: 900px; height: 230.163px; position: absolute; top: 0px; left: 0px;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px 0px 1.5em; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<h3 style="box-sizing: border-box; margin: 10px 0px 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 30px; line-height: 38px; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: #000000; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased; text-transform: none;"><span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; color: #ed274b;"><span style="box-sizing: border-box; vertical-align: inherit;">9. موبایل دوستانه</span></span></h3>
</div>
</div>
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
<div class="wpb_text_column wpb_content_element" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<p style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased;"><span style="box-sizing: border-box; vertical-align: inherit;">افراد بیشتری از تلفن یا دستگاه های دیگر خود برای مرور وب استفاده می کنند. مهم است که وب‌سایت خود را با طرح‌بندی واکنش‌گرا بسازید، جایی که وب‌سایت شما می‌تواند با صفحه‌های مختلف تنظیم شود.</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-11-percent" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 475px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px calc(136.95px); border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="img-with-aniamtion-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 0; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;" data-max-width="100%" data-max-width-mobile="100%" data-shadow="none" data-animation="fade-in">
<div class="inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; height: 230.163px;">
<div class="hover-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; opacity: 1; position: relative; overflow: visible;">
<div class="hover-wrap-inner img-loaded" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);"><img class="img-with-animation skip-lazy nectar-lazy loaded animated-in" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; max-width: 100%; height: auto; opacity: 1; position: relative; display: block; min-height: 1px; min-width: 1px; transition: opacity 0.5s; box-shadow: none; transform: none;" src="https://www.feelingpeaky.com/wp-content/uploads/2018/02/Mobile.jpg" alt="اصول طراحی وب خوب توسط Feelingpeaky" width="472" height="719" data-delay="0" data-animation="fade-in" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fws_66fd2c7983d46" class="wpb_row vc_row-fluid vc_row" style="box-sizing: border-box; margin: 0px 0px 50px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;" data-column-margin="default" data-midnight="dark">
<div class="row-bg-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: 400; font-stretch: inherit; font-size: 17px; line-height: inherit; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; width: 900px; height: 153px; position: absolute; top: 0px; left: 0px; color: #000000; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"> </div>
<div class="row_col_wrap_12 col span_12 dark left" style="box-sizing: border-box; padding: 0px; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: 400; font-stretch: inherit; font-size: 17px; line-height: inherit; font-family: 'Public Sans'; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; position: relative; display: flex; width: auto; float: none; z-index: 10; flex-wrap: wrap; color: #000000; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; margin: 0px -25px 0px !important -25px;">
<div class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding" style="box-sizing: border-box; margin: 0px; padding: 0px 25px; border: 0px; font: inherit; vertical-align: baseline; position: relative; display: block; width: 950px; float: none; background-position: center center; box-shadow: none;" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0">
<div class="vc_column-inner" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; position: relative;">
<div class="wpb_wrapper" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;">
<div class="divider-wrap" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline;" data-alignment="default"> </div>
</div>
</div>
</div>
</div>
</div>
<p> </p>
</div>
<div class="row">
<div class="pc-26">
<div class="post-info">
<ul>
<li> <span class="postauthor">mohadese khojasteh</span> </li>
<li>
<div class="postlike"><a href="https://webziba.royablog.ir/prate/upBfcLfEbNesibPYuTgL/" class="uplike"><span class="like-up"></span></a><span class="up-result"><span class="fbrateQuery fbrateUp" id="fbrate_upBfcLfEbNesibPYuTgL">۰</span></span><a href="https://webziba.royablog.ir/prate/downBfcLfEbNesibPYuTgL/" class="downlike"><span class="like-down"></span> </a><span class="down-result"><span class="fbrateQuery fbrateDown" id="fbrate_downBfcLfEbNesibPYuTgL">۰</span></span></div>
</li>
<li> <span class="postcmnt"> <a href="https://webziba.royablog.ir/post/52/اصولطراحیخوبوبسایت#comments">۰ نظر</a></span> </li>
</ul>
</div>
</div>
<div class="pc-10"> </div>
</div>
</div>
</div><div class="post">
<div class="post-title"> <span class="post-title-icon"></span>
<h2><a href="https://webziba.royablog.ir/post/51/موفقیتدرسئوچیست" target="_blank"> موفقیت در سئو چیست؟ </a></h2>
</div>
<div class="post-body">
<div class="post-details"> <span class="postdate"> یکشنبه ۲۵ آذر ۰۳ | ۲۲:۰۵ </span> <span class="postviews"> ۱۵ بازديد </span> </div>
<div class="post-cnt">
<h2 style="margin: 0px 0px 20px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 21px; line-height: 1.6; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </h2>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">همانطور که می دانید <a href="https://k-khojasteh.ir/%D8%B3%D8%A6%D9%88-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%AF%D8%B1-%D8%B1%D8%B4%D8%AA/">موفقیت در سئو</a> هدف اصلی شماست. اما چگونه می دانید که به موفقیت رسیده اید؟ چگونه آن را اندازه گیری می کنید؟</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">موفقیت سئو شما به اهداف و شاخص های کلیدی عملکرد شما بستگی دارد. در حالی که هدف شما افزایش بازگشت سرمایه در یک بازه زمانی خاص است، KPI های شما در سئو می تواند ترافیک ارگانیک به وب سایت شما را افزایش دهد، دید آنلاین شما را افزایش دهد، رتبه های برتر موتورهای جستجو را به دست آورد و موارد دیگر. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">بنابراین، اگر با تلاش های سئوی خود به این نقاط عطف برسید، می توانید ماموریت را انجام شده در نظر بگیرید. این روش کار می کند.</span></span></p>
<h2 style="margin: 0px 0px 20px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 21px; line-height: 1.6; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span id="Why_SEO_Success_is_Not_Immediate" class="ez-toc-section" style="margin: 0px; padding: 0px; box-sizing: border-box;"></span><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">چرا موفقیت در سئو فوری نیست؟</span></strong></h2>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">بهینه سازی موتورهای جستجو البته یک فضای پویا است. سئو به زمان نیاز دارد تا خود را اصلاح کند و به آنچه امروز است تبدیل شود.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">در واقع زمانی وجود داشت که تنها چیزی که اهمیت داشت یافتن و استفاده از کلمات کلیدی بود که می توانست ترافیک وب سایت بیشتری را افزایش دهد. بعلاوه، شما می توانید هر تعداد که می خواهید بک لینک بسازید و همینطور از آن دور شوید.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">از آنجایی که فرآیند ساده بود، مردم با پر کردن کلمات کلیدی و ساختن بک لینک های انبوه بدون هیچ زحمتی در مورد کیفیت لینک، موتورهای جستجو را زیر و رو کردند. به عبارت دیگر، آنها موتورهای جستجو را با تاکتیک‌های ارزان قیمت فریب دادند تا وب‌سایت‌های خود را به بالای SERP برسانند.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">این به نوبه خود، غول‌های موتورهای جستجو مانند گوگل را بر آن داشت تا هر از چندگاهی به‌روزرسانی‌های الگوریتم پیشرفته‌ای را ارائه کنند که از تجربه کاربری پیشرفته‌تر حمایت می‌کند.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">زمانی که به این فکر می‌کنید که «زمان به‌روزرسانی SEO چقدر طول می‌کشد»، باید پیچیدگی الگوریتم‌های جستجو و استراتژی سئوی خود را در نظر بگیرید. با توجه به این سناریو، سئو امروزه توسط جستجوی زبان طبیعی هدایت می شود که شامل پرس و جوهای کاربر متشکل از یک یا دو کلمه کلیدی است. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">به علاوه، صفحات وب با لینک‌های مرتبط با کیفیت بالا به بالای صفحه کشیده می‌شوند در حالی که همتایان اسپم آنها توسط موتورهای جستجو جریمه می‌شوند. به هر حال، جریمه موتور جستجو می تواند رتبه وب سایت های مربوطه را در کوتاه ترین زمان کاهش دهد.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">بنابراین، سئو دیگر مکانیکی نیست، زیرا اکنون به شدت به تغییر جستجوهای کاربر با تمرکز عمده بر ارضای نیت کاربر متکی است. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">شما باید استراتژی های نوآورانه ای ارائه دهید و آنها را به تدریج اجرا کنید تا پارامترهای در حال تغییر برای دستیابی به اهداف و KPI های خود را برآورده کنید.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">دقیقاً به همین دلیل است که نمی توانید یک شبه به موفقیت در سئو دست پیدا کنید. سوال "چرا سئو اینقدر طول می کشد؟" اغلب به این دلیل ایجاد می شود که سئو یک فرآیند ارگانیک است، نه یک راه حل سریع.</span></span></p>
<h2 style="margin: 0px 0px 20px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 21px; line-height: 1.6; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span id="Silos_of_SEO_Success" class="ez-toc-section" style="margin: 0px; padding: 0px; box-sizing: border-box;"></span><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">سیلوهای موفقیت در سئو</span></strong></h2>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">اکنون که می‌دانید موفقیت در سئو دقیقاً چیست، اجازه دهید سه سیلو را رمزگشایی کنیم که تعیین می‌کنند سئو چقدر طول می‌کشد. </span></span></p>
<h3 style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 18px; line-height: 1.5; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">سئو فنی</span></strong></h3>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">آیا می دانید یک خطای فنی به هر شکلی می تواند هم کاربران و هم ربات های موتور جستجو را از وب سایت شما دور کند؟ </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">بله، به همین دلیل است که باید در اولین فرصت یک ممیزی فنی و رفع اشکالات انجام دهید. سئوی فنی شامل بررسی اجزای زیر و موارد دیگر است.</span></span></p>
<ul style="margin: 0px 0px 16px; padding: 0px 0px 0px 20px; box-sizing: border-box; will-change: transform; font-weight: 400; list-style: none; margin-block: 0px; color: #000000; font-family: Inter; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<li style="margin: 0px 0px 4px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; list-style-type: disc; color: var(--black); font-size: 18px; line-height: 1.5;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">سرعت صفحه</span></span></li>
<li style="margin: 0px 0px 4px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; list-style-type: disc; color: var(--black); font-size: 18px; line-height: 1.5;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">محتوای تکراری</span></span></li>
<li style="margin: 0px 0px 4px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; list-style-type: disc; color: var(--black); font-size: 18px; line-height: 1.5;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">متعارف سازی</span></span></li>
<li style="margin: 0px 0px 4px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; list-style-type: disc; color: var(--black); font-size: 18px; line-height: 1.5;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">داده های ساخت یافته</span></span></li>
<li style="margin: 0px 0px 4px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; list-style-type: disc; color: var(--black); font-size: 18px; line-height: 1.5;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">نقشه های سایت XML</span></span></li>
<li style="margin: 0px 0px 4px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; list-style-type: disc; color: var(--black); font-size: 18px; line-height: 1.5;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">Hreflang</span></span></li>
</ul>
<h3 style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 18px; line-height: 1.5; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">محتوا</span></strong></h3>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">محتوا یکی از فاکتورهای برتر رتبه بندی موتورهای جستجو است. گوگل به دست آوردن بهترین نتایج جستجو برای درخواست کاربر بر هر چیز دیگری اولویت دارد. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">ایجاد محتوای با کیفیت پایین به این معنی است که مشاهده نتایج مورد انتظار سئو بیشتر طول می کشد. در بدترین حالت ممکن است اصلاً اتفاق نیفتد.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">شما باید مطمئن شوید که محتوای باکیفیت ایجاد می‌کنید که با هدف کاربر مطابقت داشته باشد و بر اساس آن به درخواست‌های جستجو پاسخ می‌دهد.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">برای انجام این کار، می توانید محتوای مرتبط را بخوانید که عملکرد خوبی دارد، بفهمید چه چیزی باعث تفاوت می شود و نسخه بهتری ارائه دهید. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">وقتی نوبت به انتشار محتوای جدید در وب سایت شما می رسد، به دو دلیل اطمینان حاصل کنید که به یک برنامه ثابت پایبند هستید. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">یکی، این به گوگل سیگنال می دهد که شما به طور منظم محتوای جدیدی را به وب سایت خود اضافه می کنید. دوم، بازدیدکنندگان بیشتری را وادار می‌کند که مرتباً به وب‌سایت شما بازگردند، که نشان‌دهنده یک تجربه کاربری عالی است.</span></span></p>
<h3 style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 18px; line-height: 1.5; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">بک لینک ها</span></strong></h3>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">ایجاد بک لینک به معنای بهبود اعتبار وب سایت شماست. بله، بک لینک ها به گوگل می گویند که سایت شما منبع اطلاعاتی قابل اعتمادی است. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">با این حال، همانطور که قبلاً گفته شد، روش‌های </span><a style="margin: 16px 0px 0px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; transition: 0.2s ease-in-out; text-decoration: none; color: var(--clr); font-size: 18px; line-height: 30px;" href="https://www.stanventures.com/blog/link-building/link-spam/"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">ایجاد پیوند هرزنامه</span></a><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;"> برای رتبه‌های بالا دیگر کار نمی‌کنند. در نهایت، کیفیت لینک تنها چیزی است که اهمیت دارد.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">با توجه به این سناریو، به دست آوردن بک لینک های با کیفیت بالا کمتر از وب سایت های مربوطه، تأثیر بیشتری در سئو ایجاد می کند.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">به عبارت دیگر، سرعت پیوند نسبتاً پایدار (سرعتی که با آن لینک‌ها را به دست می‌آورید) چیزی است که برای وب سایت شما مفید است. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">اگر به دستورالعمل های گوگل پایبند باشید، این امر به طور طبیعی اتفاق می افتد.</span></span></p>
<h2 style="margin: 0px 0px 20px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 21px; line-height: 1.6; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span id="Factors_Determining_the_Time_Frame_for_SEO_Results" class="ez-toc-section" style="margin: 0px; padding: 0px; box-sizing: border-box;"></span><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">عوامل تعیین کننده بازه زمانی نتایج سئو</span></strong></h2>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">ممکن است تعجب کنید که "تغییرات سئو چقدر طول می کشد؟" خوب، این به عوامل مختلفی مانند رقابت و وضعیت فعلی وب سایت شما و خیلی چیزهای دیگر بستگی دارد. بیایید چند مورد را مورد بحث قرار دهیم:</span></p>
<h3 style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 18px; line-height: 1.5; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">تاریخچه وب سایت</span></strong></h3>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">تاریخچه وب سایت شما مطمئناً بر زمان صرف شده برای مشاهده نتایج سئو تأثیر می گذارد.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">برای مثال، برای یک وب‌سایت جدید باید زمان بیشتری نسبت به یک وب‌سایت از قبل ایجاد شده صرف شود. این به این دلیل است که یک وب سایت موجود ممکن است دارای اعتبار دامنه و حداقل چند بک لینک باشد.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">از طرف دیگر، برای یک وب سایت جدید، شما باید همه چیز را از ابتدا انجام دهید و این تفاوت زیادی در سئو ایجاد می کند. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">با این حال، همیشه به این معنی نیست که یک وب سایت راه اندازی شده می تواند در سئو پیشرو باشد زیرا به عوامل مختلفی مانند جریمه موتورهای جستجو، به روز رسانی الگوریتم و موارد دیگر بستگی دارد.</span></span></p>
<h3 style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 18px; line-height: 1.5; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">رقابت</span></strong></h3>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">رقابت در صنعت یا تجارت شما چیزی است که هنگام بهینه سازی وب سایت خود برای موتورهای جستجو نمی توانید نادیده بگیرید.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">هرچه رقابت بیشتر باشد، مدت زمان بیشتری باید وب سایت خود را به صدر SERP ها ببرید. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">شما باید شدت رقابت را برای رتبه بندی صفحات وب شناسایی کنید، تلاش های سئوی خود را کانالیزه کنید و راه های خلاقانه تری را برای عملکرد بهتر نسبت به سایر بازیگران صنعت پیدا کنید.</span></span></p>
<h3 style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 18px; line-height: 1.5; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">هدف گذاری کلمات کلیدی</span></strong></h3>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">کلمات کلیدی برنده رتبه شما برای جستجوی کاربران مرتبط آنلاین هستند. بنابراین، باید کلمات کلیدی را بر اساس حجم، طول، محبوبیت و هدف کاربر به درستی شناسایی کنید. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">هدف گذاری ضعیف کلمات کلیدی ممکن است به قیمت تمام تلاش های اختصاصی شما تمام شود و در عین حال تأثیر منفی در سئو ایجاد کند.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">از ابزارهای تحقیق کلمات کلیدی مانند Google Trends و Google Keywords برای تحقیقات موثر کلمات کلیدی استفاده کنید.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">هنگامی که کلمات کلیدی مرتبط را در محتوای خود درج می کنید، مطمئن شوید که پر نشده باشند اما با جریان طبیعی محتوا مطابقت داشته باشند.</span></span></p>
<h3 style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: bold; color: var(--black); font-size: 18px; line-height: 1.5; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><strong style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: bold;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">ساختار و طراحی وب سایت</span></strong></h3>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> </p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">طراحی وب سایت و ساختار URL شما نیز نقش مهمی در بهینه سازی وب سایت برای موتورهای جستجو مانند گوگل ایفا می کند. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">به عنوان مثال، اگر کاربر پیمایش بین صفحات فرود مختلف وب سایت شما را پیچیده بداند یا به دلیل یک لینک شکسته با خطای 404 مواجه شود، مطمئناً وب سایت شما کاربر پسند نیست. </span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">و گوگل علاقه ای به صفحات وب ندارد که از تجربه کاربری روان حمایت نمی کنند.</span></span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">با استفاده از سئوی فنی و انتشار محتوای با کیفیت، معمولا زمان زیادی طول نمی کشد تا سئو کار کند.</span></p>
<p style="margin: 0px 0px 16px; padding: 0px; box-sizing: border-box; will-change: transform; font-weight: 400; color: var(--black); font-size: 18px; line-height: 30px; font-family: Inter; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 400;"><span style="margin: 0px; padding: 0px; box-sizing: border-box; vertical-align: inherit;">همچنین، یک تست سازگار با موبایل انجام دهید تا مطمئن شوید بازدیدکنندگانی را که از مرورگر تلفن همراه به وب سایت شما دسترسی دارند، از دست ندهید.</span></span></p>
</div>
<div class="row">
<div class="pc-26">
<div class="post-info">
<ul>
<li> <span class="postauthor">mohadese khojasteh</span> </li>
<li>
<div class="postlike"><a href="https://webziba.royablog.ir/prate/upmJcDPEbieHVbJsuwME/" class="uplike"><span class="like-up"></span></a><span class="up-result"><span class="fbrateQuery fbrateUp" id="fbrate_upmJcDPEbieHVbJsuwME">۰</span></span><a href="https://webziba.royablog.ir/prate/downmJcDPEbieHVbJsuwME/" class="downlike"><span class="like-down"></span> </a><span class="down-result"><span class="fbrateQuery fbrateDown" id="fbrate_downmJcDPEbieHVbJsuwME">۰</span></span></div>
</li>
<li> <span class="postcmnt"> <a href="https://webziba.royablog.ir/post/51/موفقیتدرسئوچیست#comments">۱ نظر</a></span> </li>
</ul>
</div>
</div>
<div class="pc-10"> </div>
</div>
</div>
</div>
<!--- end post --->
<div class="pagination">
<a href="https://webziba.royablog.ir/page/1/" class=" active">۱</a>
<a href="https://webziba.royablog.ir/page/2/" class="">۲</a>
<a href="https://webziba.royablog.ir/page/3/" class="">۳</a>
<a href="https://webziba.royablog.ir/page/4/" class="">۴</a>
<a href="https://webziba.royablog.ir/page/5/" class="">۵</a>
<a href="https://webziba.royablog.ir/page/6/" class="">۶</a>
</div>
<!--- end pagenavi --->
<!--- Start PAGES --->
<!--- end PAGES --->
<!--- end comment block --->
</div>
<!--- end content --->
</div>
<!--- end col of posts --->
<div class="pc-16 pc-pull-20">
<div class="row">
<div class="pc-16">
<div class="sidebar">
<!--- end menubox --->
<div class="menu-block">
<div class="menu-cnt">
<center>
<div class="todaytime"> <span class="tticon"> چهارشنبه ۱۱ تیر ۰۴ </span> </div>
</center>
</div>
</div>
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
<div class="menu-block archivebox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> آرشيو</h3>
</div>
<div class="menu-list">
<ul>
<li><a href="https://webziba.royablog.ir/archive1403-02-1.html"> اردیبهشت ۱۴۰۳ <span>(۶)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1403-03-1.html"> خرداد ۱۴۰۳ <span>(۵)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1403-04-1.html"> تیر ۱۴۰۳ <span>(۶)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1403-05-1.html"> مرداد ۱۴۰۳ <span>(۵)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1403-06-1.html"> شهریور ۱۴۰۳ <span>(۷)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1403-07-1.html"> مهر ۱۴۰۳ <span>(۷)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1403-08-1.html"> آبان ۱۴۰۳ <span>(۷)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1403-09-1.html"> آذر ۱۴۰۳ <span>(۸)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1403-10-1.html"> دی ۱۴۰۳ <span>(۲)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1404-02-1.html"> اردیبهشت ۱۴۰۴ <span>(۳)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1404-03-1.html"> خرداد ۱۴۰۴ <span>(۱)</span></a></li>
<li><a href="https://webziba.royablog.ir/archive1404-04-1.html"> تیر ۱۴۰۴ <span>(۳)</span></a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
<div class="menu-block linkbox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> پيوندها</h3>
</div>
<div class="menu-list">
<ul>
<li><a href="https://trainingpeaks.blogiran.net/" target="_blank">توسعه شخصي و سبك زندگي</a></li><li><a href="https://strengthtraining.blogiran.net/" target="_blank">سايت كنترل و توسعه ذهن </a></li><li><a href="https://trainingmask.blogiran.net/" target="_blank">وبلاگ رشد و توسعه اقتصادي اجتماعي</a></li><li><a href="https://strengthtraining.iranblog.net/" target="_blank">اطلاعات جديد يادگيري ترفند ها و اخبار</a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<!--- end menubox --->
<farsistat>
<div class="menu-block blogstats">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> خلاصه آمار</h3>
</div>
<div class="menu-cnt">
<ul>
<li>مجموع نمایش <span>۳,۹۰۹</span> </li><li>مجموع بازدید <span>۳,۰۹۲</span> </li><li>بازدید امروز <span>۳</span> </li><li>بازدید دیروز <span>۸</span> </li><li>مجموع مطالب <span>۶۰</span> </li><li>مجموع نظرات <span>۲</span> </li><li>افراد آنلاین <span>۱</span> </li>
</ul>
</div>
</div></farsistat>
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
</div>
<!--- end sidebar ---> </div>
<!--- end col of right sidebar --->
<div class="pc-20">
<div class="sidebar">
<div class="menu-block socialbox">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> من در شبكه هاي اجتماعي </h3>
</div>
<div class="menu-cnt">
<ul>
<li><a href="https://webziba.royablog.ir/rss/" id="social-rss" target="_blank"></a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<div class="menu-block">
<div class="menu-title"> <span class="menu-title-icon"></span>
<h3> تازه ترين مطالب</h3>
</div>
<div class="menu-thumb">
<ul>
<li><a href="https://webziba.royablog.ir/post/60/چراسئووطراحیسایتحرفهایبرایهرکسبوکارضروریاست"><img src="https://webziba.royablog.ir/noimage.jpg" alt="چرا سئو و طراحی سایت حرفه‌ای برای هر کسب‌وکار ضروری است؟" title="چرا سئو و طراحی سایت حرفه‌ای برای هر کسب‌وکار ضروری است؟"/>چرا سئو و طراحی سایت حرفه‌ای برای هر کسب‌وکار ضروری است؟</a></li>
<li><a href="https://webziba.royablog.ir/post/59/یکطراححرکتچهنوعوظایفیراانجاممیدهد"><img src="https://webziba.royablog.ir/noimage.jpg" alt="یک طراح حرکت چه نوع وظایفی را انجام می‌دهد؟" title="یک طراح حرکت چه نوع وظایفی را انجام می‌دهد؟"/>یک طراح حرکت چه نوع وظایفی را انجام می‌دهد؟</a></li>
<li><a href="https://webziba.royablog.ir/post/58/چراازافزونههایریسپانسیووردپرساستفادهکنیم"><img src="https://webziba.royablog.ir/noimage.jpg" alt="چرا از افزونه‌های ریسپانسیو وردپرس استفاده کنیم؟" title="چرا از افزونه‌های ریسپانسیو وردپرس استفاده کنیم؟"/>چرا از افزونه‌های ریسپانسیو وردپرس استفاده کنیم؟</a></li>
<li><a href="https://webziba.royablog.ir/post/57/5-نکته-ساده-برای-بروزرسانی-محتوای-سایته"><img src="https://webziba.royablog.ir/noimage.jpg" alt="5 نکته ساده برای بروزرسانی محتوای سایته" title="5 نکته ساده برای بروزرسانی محتوای سایته"/>5 نکته ساده برای بروزرسانی محتوای سایته</a></li>
<li><a href="https://webziba.royablog.ir/post/56/گوگلآنالیتیکسچیست"><img src="https://webziba.royablog.ir/noimage.jpg" alt="گوگل آنالیتیکس چیست؟" title="گوگل آنالیتیکس چیست؟"/>گوگل آنالیتیکس چیست؟</a></li>
<li><a href="https://webziba.royablog.ir/post/55/10اشتباهرایجدرطراحیوب"><img src="https://webziba.royablog.ir/noimage.jpg" alt="10 اشتباه رایج در طراحی وب" title="10 اشتباه رایج در طراحی وب"/>10 اشتباه رایج در طراحی وب</a></li>
</ul>
</div>
</div>
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
<!--- end menubox --->
</div>
<!--- end sidebar ---> </div>
<!--- end col of left sidebar --->
</div>
</div>
<!--- end two side col --->
</div>
<!--- end row of main content --->
<div class="btmbar">
<div class="row">
<div class="pc-36">
<div class="footer">
<div class="row">
<div class="pc-18">
<div class="copyright"> <a href="http://royablog.ir" target="_blank" title="رویابلاگ" class="fblogo"></a> <a href="http://royablog.ir" target="_blank">رویابلاگ</a> : رسـانه وبلاگ نويسان حرفـه اي </div>
</div>
<div class="pc-18">
<div class="dashboard">
<ul>
<li><a href="http://royablog.ir/User/Template/3996/" target="_blank" title="قالب" id="blogtemp-ico"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- end footer --->
</div>
<!--- end all of container --->
</body>
</html><div style="position:fixed; left:0; top:0; z-index:1; min-width:122px; background-color: #fff; border:1px solid #f0f0f0; " id="ad_17934"><table border="0" cellspacing="0" cellpadding="0" style="width: 100%"><tr><td style="padding:10px; line-height: 0 !important; text-align:center"><a href="http://royablog.ir/ads/" target="_blank"><span style="font-family:tahoma; font-size:11px; text-decoration:none; margin-right: -10px; color: #666666;">تبلیغات</span></a><a href="javascript:void(0)" style="text-decoration: none; float: right; color:#474747 !important;" onclick="document.getElementById('ad_17934').style.display = 'none'">×</a></td></tr><tr><td style="line-height: 0;"><a href="https://webziba.royablog.ir/ads.php?i=4" target="_blank"><img src="https://www.royablog.ir/ads/10f48e3dc088b9dd218d985c2d1ec492.gif" border="0" style='xwidth: 120px; xheight: 240px;' alt=""></a></td></tr></table></div>