16 مرحله برای طراحی یک وب سایت وردپرس عالی توسط متاوبز

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

چک لیستی از طراحی و پشتیبانی سایت برای شما تهیه شده و میتوانید از آن استفاده کنید .  

1. نام دامنه خود را ثبت کنید
2. سازماندهی میزبانی وب - یک میزبان وب یا هاست مناسب انتخاب می‌کنید .
3. رنگ ها و فونت ها را برای برند خود انتخاب کنید - رنگ سازمانی
4. یک لوگو ایجاد کنید .
5. برای وب سایت خود اطلاعات جمع آوری کنید ( تحقیق کلمات کلیدی و جمع آوری دیتا ها )
6. منبع و ایجاد تصاویر و بنرها
7. ویدیوها را ایجاد کنید و آنها را در بستر میزبانی ویدیو آپلود کنید
8. طرح بندی و ساختار وب سایت شما
9. وردپرس را نصب کنید
10. یک قالب وردپرس را انتخاب کنید و آن را نصب کنید .
11. اضافه کردن متن، تصاویر، نمایش اسلاید، فیلم، گالری عکس، نقشه سایت
12. نصب و پیکربندی افزونه ها برای عملکردهای اضافی
13. گوگل آنالیتیکس را اضافه کنید
14. بررسی کنید که وب سایت شما در مرورگرها و دستگاه های مختلف چگونه به نظر می رسد
15. بهینه سازی برای موتورهای جستجو
16. پشتیبانی از وب سایت

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

در این چک لیست طراحی وب سایت ، به موارد زیر توجه کنید:

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

1.دامنه چیست ؟ 

دامنه (Domain) همان آدرسی است که با وارد‌کردن آن در مرورگرتان ( کروم یا ... ) وارد وب‌‌سایت می‌شوید؛ مثلاً www.yoursite.com. 

انواع پسوند دامنه 

پس از نام دامنه پسوند می‌آید. که بهترین ها ی آن در سطح جهان Com، Net، Org در سطح جهان و Ir در ایران، جزو معروف‌ترین پسوندها هستند. 

2. هاست مناسب

ما چند نوع هاست داریم 1- هاست اشتراکی 2- VPS یا سرور مجازی 3- سرور اختصاصی 4- میزبانی ابری (Cloud Hosting) 

برای شروع به هاست اشتراکی نیاز دارید . و این موارد زیر را در نظر میگیریم .

1. مقدار فضای هاست
2. میزان پهنای باند
3. اعتبار و امتیاز آپ‌تایم هاست
4.  زمان پاسخ‌دهی سرور
5. امکان ارتقا
6. تعداد Addon Domain، Subdomain، ایمیل و دیتابیس
7. قیمت ثبت‌نام و تمدید هاستینگ
8. سیاست هاست در مورد بازگرداندن هزینه پرداختی و دوره آزمایشی رایگان
9. قابلیت‌های کنترل پنل هاست
10. پشتیبان گیری ( سرعت و کیفیت پشتیبانی )

و ...

3. رنگ ها و فونت ها را برای برند خود انتخاب کنید - رنگ سازمانی

چگونه رنگ سازمانی انتخاب کنیم ؟
در انتخاب مجموعه رنگهای یک برند باید به شکلی عمل کنید که این رنگها با یکدیگر هارمونی داشته باشند. پس چگونه رنگ سازمانی انتخاب کنیم ؟

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

4. یک لوگو ایجاد کنید .

چگونه خودمان یک لوگوی زیبا و ماندگار طراحی کنیم ؟ 

در اینجا تأمین پیش‌نیازهای طراحی لوگو را برای شما می‌نویسیم . 

1. سعی بر آن داشته باشید که هویت برند خود را تعریف کنید
2. ایده پردازی کنید
3. درک و انتخاب مؤلفه‌های طراحی لوگو ( حال می‌توانید این سبک لوگو 1- سبک کلاسیک باشد 2- سبک سنتی یا خاطره‌انگیز و 3- سبک مدرن و مینیمالیست ، 4 -سبک دست ساز یا ... باشد . )
4.  انتخاب نوع لوگو ( انتخاب لوگو می‌تواند به شکل 1- حرف نماد (Lettermark) یا مونوگرام 2-  لوگوی متنی (Wordmark) یا لوگوتایپ 3- لوگوی تصویری (Pictorial Mark) 4- لوگوهای انتزاعی و ... باشد )
5. انتخاب رنگ ( با بهره گیری از ترکیب رنگها )
6. انتخاب سبک نوشتاری 

5. برای وب سایت خود اطلاعات جمع آوری کنید .

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

6. . منبع و ایجاد تصاویر و بنرها

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

 7. ویدیوها را ایجاد کنید و آنها را در بستر میزبانی ویدیو آپلود کنید

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

8. طرح بندی و ساختار وب سایت شما

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

9. نصب وردپرس

برای نصب وردپرس ابتدا فایل نصب وردپرس (فایل زیپ) را از سایت مرجع وردپرس فارسی https://fa.wordpress.org/download/ دانلود نمایید.

حال فایل مربوطه را در فلدر اصلی هاست خود (پوشه public_html ) آپلود نموده و آن از حالت فشرده خارج نمایید. در صورت نیاز به آگاهی از نحوه آپلود فایل از طریق FTP در کنترل پنل های Cpanel و DirectAdmin می توانید به سایت متاوبز https://metawebz.org/ یا به صفحه https://metawebz.org/wordpress/ مراجعه نمائید . مشاوران وردپرس متاوبز شما را راهنمایی می‌کنند .

10. یک قالب وردپرس را انتخاب کنید و آن را نصب کنید .

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

1. ورود به مدیریت پیشخوان وردپرس و با وارد کردن نام کاربری و رمز عبور، وارد پیشخوان وردپرس شوید.
2. سپس به مسیر نمایش > پوسته‌ها مراجعه کنید.
3. در صفحه باز شده لیستی از تمام قالب های نصب شده روی وردپرس را مشاهده می کنید. به صورت پیش فرض همراه وردپرس چند قال نیز نصب و در اختیار شما قرار می گیرد.
4. در این صفحه ( افزودن قالب جدید ) قادر هستید تا به مدیریت هر یک از قالب‌هایی که روی سایت فعال هستند بپردازید و یا اینکه با استفاده از بخش‌های افزودن پوسته تازه قالب جدیدی را به وردپرس اضافه کنید و از اون استفاده کنید. 

11. اضافه کردن متن، تصاویر، نمایش اسلاید، فیلم، گالری عکس، نقشه سایت

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

همچنین در اینجا باید نقشه سایتی برای خودتان تهیه کنید . که با افزونه های وردپرس میتوانید این کار را انجام دهید . 

12. نصب افزونه ها وردپرس

در این مرحله باید افزونه های مورد نیاز خود را نصب کنید . 

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

ما در اینجا افزونه های ضروری را به شما معرفی میکنیم . 

1. افزونه لایت اسپید کش
2. سئو وردپرس با افزونه Yoast SEO Premium
3. افزونه All In One WordPress Security
4. افزونه Google Analytics
5. افزونه ووکامرس
6. افزونه Akismet برای رهایی از شر کامنت‌های اسپم

13. گوگل آنالیتیکس را نصب کنید . 

آموزش نصب گوگل آنالیتیکس بر روی سایت مجله متاوبز https://metawebz.org/mag/ میتوانید راهنمایی جامع و کامل نصب گوگل آنالیتیکس را جستجو کنید و مطالعه نمائید و آن را در سایت خود نصب کنید . 

14. بررسی واکنشگرایی و وب سایت شما در تمامی مرورگرها و دستگاه های مختلف

چند ابزار برای شما معرفی می‌شود .

1.  responsivedesignchecker.com 
2. ابزار screenfly.org 
3. تست ریسپانسیو بودن سایت با Responsinator
4. و ... سایت های زیادی جهت نمایش سایت شما در دستگاه های مختلفی وجود دارد . 

15. بهینه سازی برای موتورهای جستجو

سایت شما باید از همه لحاظ در چهارچوب سئو طراحی شده باشد . 

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

هزینه سئو چقدر است؟
خدمات سئوی پروژه محور اغلب به دلار میتواند ، بین 100تا 1 میلیون دلار یا بیشتر هزینه دارند. ولی این هزینه در ایران مشخص نیست و میتوانید به ریال این قیمت دلار باشد . جهت استعلام قیمت خدمات سئو https://metawebz.org/seo-services/ به این صفحه مراجعه کنید. و از قیمت سئو سایت خود مطلع شوید . 

16. پشتیبانی از وب سایت

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

درمورد مشکلات فنی سایت و پشتیبانی آن :

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

در نتیجه طراحی وب سایت شما... 

اگر نیاز به یک طراحی وب سایت فروشگاهی و یا شرکتی دارید می‌توانید با کمک تیم متاوبز سایت خود را به صورت حرفه ای و پشتیبانی خوب طراحی کنید . جهت مشاوره طراحی میتوانید با شماره 09020902615 - 09129400959 تماس حاصل فرمائید .  

منبع : سیستم هوشمند طراحی سایت متاوبز |  metawebz.org