مسیر طراحی سایت : برای طراح شدن از کجا شروع کنیم؟

هنگامي که چارچوب وب سايت شما درست شد، مي توانيد با مهمترين جنبه سايت شروع کنيد: محتواي نوشتاري .

محتوا دو هدف اساسي دارد:

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

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

هدف 2: سئو
محتوا همچنين ديد سايت را براي موتورهاي جستجو افزايش مي دهد. عمل ايجاد و بهبود محتوا براي رتبه بندي خوب در جستجو به عنوان بهينه سازي موتور جستجو يا SEO شناخته مي شود .

درست کردن کلمات کليدي و عبارات کليدي براي موفقيت هر وب سايت ضروري است. من هميشه از Google Keyword Planner استفاده مي کنم. اين ابزار حجم جستجوي کلمات کليدي و عبارات هدف بالقوه را نشان مي دهد، بنابراين مي توانيد آنچه را که انسان هاي واقعي در وب جستجو مي کنند، بررسي کنيد. در حالي که موتورهاي جستجو بيشتر و باهوش تر مي شوند، استراتژي هاي محتواي شما نيز بايد هوشمندانه تر شوند. Google Trends همچنين براي شناسايي عباراتي که افراد در هنگام جستجو استفاده مي کنند مفيد است.

فرآيند طراحي من بر روي طراحي وب سايت در زمينه SEO تمرکز دارد. کليدواژه‌هايي که مي‌خواهيد رتبه‌بندي کنيد بايد در برچسب عنوان قرار گيرند - هر چه به ابتدا نزديک‌تر باشد، بهتر است. کلمات کليدي همچنين بايد در تگ H1، توضيحات متا و محتواي بدن ظاهر شوند.

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

به طور معمول، مشتري شما بخش عمده اي از محتوا را توليد مي کند، اما بسيار مهم است که به آنها راهنمايي کنيد که چه کلمات کليدي و عباراتي را بايد در متن قرار دهند.

سيمپسون ليزا گيف
براي يک پست وبلاگ خيلي زياد است، ليزا، اما کار عالي!
ابزارهاي عالي براي توليد محتوا
پرونده هاي گوگل
کاغذ Dropbox
شوخي
جمع آوري محتوا
Webflow CMS (سيستم مديريت محتوا)
ابزارهاي مفيد سئو
Google Keyword Planner
Google Trends
Screaming Frog's SEO Spider
5. عناصر بصري
کاشي به سبک طراحي وب سايت
Style Tile: يک الگوي کاشي به سبک رايگان / Moodboard که توسط Mat Vogels سايت منبع ساخته شده است.
در نهايت نوبت به ايجاد سبک بصري براي سايت مي رسد. اين بخش از فرآيند طراحي اغلب توسط عناصر مارک تجاري موجود، انتخاب هاي رنگي و لوگوها شکل مي گيرد، همانطور که توسط مشتري تصريح شده است. اما اين مرحله از فرآيند طراحي وب نيز هست که يک طراح وب خوب مي تواند واقعا بدرخشد.

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

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

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

طراحي بصري راهي براي برقراري ارتباط و جذابيت براي کاربران سايت است. آن را به درستي دريافت کنيد، و مي تواند موفقيت سايت را تعيين کند. اشتباه متوجه شويد، و شما فقط يک آدرس وب ديگر هستيد.

ابزارهايي براي عناصر بصري
مظنونين معمولي (اسکچ، ايلاستريتور، فتوشاپ و غيره)
Moodboards، کاشي‌هاي سبک، کلاژ عناصر
راهنماي سبک بصري
6. تست کردن
ق مي گويد نه
نگران نباش اين کار نه هميشه اين احساس.
هنگامي که سايت تمام تصاوير و محتواي خود را داشت، براي آزمايش آماده هستيد.

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

يادداشت سردبير: من Screaming Frog's SEO Spider را براي اين مرحله به شدت توصيه مي کنم . اين به شما امکان مي دهد بسياري از وظايف حسابرسي استاندارد را در يک ابزار انجام دهيد و تا 500 URL رايگان است.

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

Webflow يک مقاله عالي در مورد فرآيند پيش از راه اندازي دارد .



طراحی سایت خلاقانه و متفاوت