چرا سئو و طراحی سایت حرفه‌ای برای هر کسب‌وکار ضروری است؟

۰ بازديد

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

 

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

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

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

طراحی سایت حرفه‌ای؛ اولین قدم برای موفقیت دیجیتال

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

ویژگی‌های یک وب‌سایت حرفه‌ای و موفق

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

چرا طراحی سایت بهینه برای کسب‌وکارها مهم است؟

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

 سئو چیست و چرا برای کسب‌وکار شما حیاتی است؟

سئو (Search Engine Optimization) یا بهینه‌سازی موتورهای جستجو، مجموعه‌ای از تکنیک‌ها و استراتژی‌ها است که هدف آن بهبود جایگاه یک وب‌سایت در نتایج جستجوی موتورهای جستجو، به ویژه گوگل، است. این فرایند شامل بهینه‌سازی ساختار سایت، تولید محتوای باکیفیت، و استفاده از روش‌های خاص برای جذب ترافیک بیشتر به سایت است. با استفاده از سئو، کسب‌وکارها می‌توانند مخاطبان هدف خود را جذب کرده و در نهایت فروش و درآمد خود را افزایش دهند. بدون سئو، حتی بهترین سایت‌ها نیز ممکن است در فضای دیجیتال دیده نشوند و این می‌تواند به معنای از دست دادن فرصت‌های بزرگ باشد.

تعریف سئو و تأثیر آن بر رشد فروش آنلاین

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

چرا بدون سئو، سایت شما در گوگل دیده نمی‌شود؟

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

یک طراح حرکت چه نوع وظایفی را انجام می‌دهد؟

۱ بازديد

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

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

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

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

یک طراح گرافیک متحرک می‌تواند روی طیف گسترده‌ای از وظایف مرتبط با طراحی، از جمله داستان‌سرایی دوبعدی ، گرافیک سه‌بعدی کامپیوتری (CGI)، تایپوگرافی متحرک، تصاویر متحرک و موارد دیگر کار کند.

به طور کلی، مسئولیت‌های یک طراح حرکت عبارتند از: 

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

اینکه طراح روی چه نوع پروژه‌هایی کار خواهد کرد، به نوع منطقه‌ای که قرار است در آن کار کند بستگی دارد.

«بر اساس آنچه من می‌بینم، روندهای طراحی حرکت شامل موارد زیر است: رسانه‌های ترکیبی - اشکال هنری آنالوگ مانند کلاژ و تایپوگرافی متحرک با حرکت، انیمیشن‌های تصویرسازی، طرح‌های رنگارنگ با انیمیشن و حتی تصاویر تولید شده توسط هوش مصنوعی بیشتر که در طراحی استفاده می‌شوند.» - پیائه فیو هلینگ، طراح بازاریابی جوان در Linearity

طراحان حرکت روی چه نوع پروژه‌هایی کار می‌کنند؟

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

دامنه بالقوه این پروژه‌ها تقریباً نامحدود است، اما در اینجا به برخی از زمینه‌های مشترک اشاره می‌کنیم.

طراحی تیتراژ فیلم و سریال

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

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

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

ویدیوهای توضیحی و اینفوگرافیک‌ها

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

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

لوگوهای متحرک

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

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

تایپوگرافی جنبشی

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

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

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

تبلیغات

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

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

چرا از افزونه‌های ریسپانسیو وردپرس استفاده کنیم؟

۲ بازديد

 

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


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

1. Responsive Menu: این افزونه به شما کمک می‌کند تا منوهای ریسپانسیو و زیبایی را برای وب‌سایت خود ایجاد کنید.

2. WPtouch Mobile Plugin: این افزونه یک نسخه موبایل جداگانه از وب‌سایت شما ایجاد می‌کند و به شما امکان می‌دهد تنظیمات مختلفی را برای نمایش در دستگاه‌های موبایل اعمال کنید.

3. Jetpack: این افزونه شامل مجموعه‌ای از ابزارها و ویژگی‌ها است که یکی از آنها، بهبود نمایش وب‌سایت در دستگاه‌های موبایل است.

4. AMP for WP: این افزونه به شما کمک می‌کند تا صفحات وب‌سایت خود را با فرمت AMP (Accelerated Mobile Pages) بهینه کنید و سرعت بارگذاری آنها را در دستگاه‌های موبایل افزایش دهید.

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

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

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

5 نکته ساده برای بروزرسانی محتوای سایته

۱ بازديد

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

پنج نکته برای به‌روزرسانی محتوای وب‌سایت

قبل از اینکه واقعاً شروع به به‌روزرسانی سایت خود کنید، سئوی آن را بررسی کنید

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

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

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

قبل از به‌روزرسانی وب‌سایت خودتان، ببینید رقبایتان با وب‌سایت‌هایشان چه می‌کنند.

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

 

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

 

آیا می‌توانید یک ویدیو بسازید یا یک مطلب طولانی در مورد موضوعی بنویسید که از موضوع آنها پیشی بگیرد؟  بسیار خب! برویم سراغ مورد سوم. 

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

این نکته دو جنبه دارد. عناصر چندرسانه‌ای مانند عکس، گرافیک و ویدیو در وب‌سایت عالی به نظر می‌رسند و می‌توانند هر بخش متن‌محور سایت شما را از هم جدا کنند تا بینندگان را واقعاً جذب کنند . صفحاتی با محتوای طولانی‌تر نیز معمولاً در موتورهای جستجو عملکرد خوبی دارند، اما دنبال کردن یک بلوک ۱۲۰۰ کلمه‌ای یا بیشتر می‌تواند دشوار باشد.  اگر از عناصر چندرسانه‌ای بین متن استفاده کنید، به خوانندگان یک استراحت بصری می‌دهید و آنها را تشویق می‌کنید که مدت بیشتری در صفحه بمانند.  هرچه افراد بیشتر در صفحه شما بمانند، احتمال اینکه در گوگل رتبه بالاتری کسب کنید، بیشتر است .  با این حال، هنگام اضافه کردن عناصر چندرسانه‌ای، بهترین کار فشرده‌سازی تصاویر و جاسازی ویدیوها از یک پلتفرم میزبانی جداگانه است. اضافه کردن فایل‌های بزرگ به سایت شما می‌تواند آن را کند کند، که باعث ایجاد یک تجربه کاربری نه چندان مطلوب می‌شود و به سئوی شما آسیب می‌رساند.  Kraken ابزاری عالی (و رایگان) برای فشرده‌سازی تصاویر است، در حالی که پلتفرم‌های میزبانی ویدیو مانند YouTube یا Wistia به راحتی لینک‌هایی ایجاد می‌کنند تا بتوانید آنها را در یک چشم به هم زدن جاسازی کنید. بسیار خب، حالا که محتوای چندرسانه‌ای خود را آماده کرده‌اید، بیایید در مورد مورد چهارم صحبت کنیم. 

تغییرات مختلف را در وب‌سایت خود آزمایش کنید

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

محتوا و طراحی قدیمی وب‌سایت خود را به‌روزرسانی کنید

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

 

بعد از یک یا دو سال، اعداد ممکن است تغییر کنند، بنابراین قطعاً مفید خواهد بود که مطمئن شوید محتوای وب‌سایت شما تا حد امکان دقیق است. همچنین باید سعی کنید وب‌سایت خود را مدرن نگه دارید . طراحی وب در دهه گذشته به طرز چشمگیری تغییر کرده است، بنابراین مهم است که وب‌سایت شما طوری به نظر نرسد که انگار در اوایل دهه 2000 گیر کرده است. 

خب، شما می‌دانید چه چیزهایی را باید تغییر دهید، اما هر چند وقت یکبار باید محتوای وب‌سایت خود را به‌روزرسانی کنید؟

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

 

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

و این پایان این ویدیو در مورد نحوه به‌روزرسانی محتوا در وب‌سایت شماست!

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

گوگل آنالیتیکس چیست؟

۴ بازديد

 

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

برای سفارش طراحی سایت دررشت به وب سایت خجسته وب مراجعه کنید

 

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

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

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

گوگل آنالیتیکس چگونه کار می‌کند؟

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

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

  • نحوه تعامل بازدیدکننده سایت با صفحه.
  • بازدیدکننده از کدام مرورگر استفاده کرده است.
  • تنظیمات زبان مرورگر.
  • مرورگر روی چه دستگاه و سیستم عاملی اجرا می‌شود.
  • کدام منبع ترافیک (موتور جستجو، تبلیغات آنلاین، کمپین بازاریابی ایمیلی و غیره) کاربر را به سایت آورده است.

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

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

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

ویژگی‌های گوگل آنالیتیکس

گوگل آنالیتیکس شامل ویژگی‌های متعددی است که به کاربران کمک می‌کند تا با داده‌های مشتری کارهای بیشتری انجام دهند:

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

گزارش‌گیری در گوگل آنالیتیکس

گوگل آنالیتیکس انواع مختلفی از گزارش‌ها را ارائه می‌دهد، از جمله موارد زیر:

  • گزارش‌های بلادرنگ برای نظارت بر فعالیت سایت یا برنامه در حین انجام آن.
  • گزارش‌های تعامل برای شناسایی محتوای تعامل و تبدیل‌کننده (در سایت یا برنامه).
  • گزارش‌های کسب درآمد برای کشف درآمدی که سایت یا برنامه ایجاد می‌کند.
  • گزارش‌های جذب برای درک چگونگی جذب کاربران و ترافیک توسط کسب‌وکار.

10 اشتباه رایج در طراحی وب

۴ بازديد

۱. جستجوی بد

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

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

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

۲. فایل‌های 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>