پیکسلر | شبکه اجتماعی برنامه نویسان

طراحی و سئو سایت چیست؟

sezartaj 10 ماه پیش

امروز میخواهیم مفاهیم پایه برای طراحی وبسایت را در اختیار شما عزیزان قرار بدهیم

در طراحی وبسایت و ساخت سایت یك وبسایت تشکیل شده است فایلها و تصاویر مختلف که توسط طراح سایت ایجاد و بارگذاری میگردد ،كه در تعداد مشخصی از فایلها در هر دسته ایجاد میگردد و برای طراحی سایت صفحه ای خاص مرتب شده اند،مانند چیدن و منظم کردن فایلها و عکسها در کامپیوتر خودمان. صفحه اصلی یا Homa Page یك سایت معمولا" default.htmlیا index.html یا index.htm نامیده میشود ولی با اسمی مختلف نیز می توان آنها را صدا یا بارگذاری کرد و این مهم صرفأ بسته به سلیقه طراح سایت ما دارد. در طراحی وبسایت و ساخت سایت وقتی یک سایت اینترنتی را تایپ میکنیم (مثلا" www.npco.net)، مرور گر کامپیوتر ما از طریق Domain ما ما به سراغ Hosting سایت ما میرود كه این آدرس آمده است، و برای سافتم آدرسی که ما از طریق Domain داده ایم را جستجو میکند اگر فایل یا صفحه ی مورد نظر را در آن وبسایت پیدا كند، این فایل( یا صفحه) را صدا میکند و محتویات آنرا نمایش میدهد. همچنین توجه داشته باشید که کلمه های کلیدی خود را به درستی انتخاب کنید برای مثال تفاوت نوشتن قیمت سپتیک تانک با ننوشتن آن بسیار است و این خود تاثیرات بسیاری بر روی سایت ایجاد میکند. فایل index.html ترکیبی می باشد و متون و تصاویر و عکسها و جداولی که ما بارگذاری کرده ایم استفاده میکند .متن مورد نظر در خود سایت موجود می باشد این مهم در حالی است که طراح سایت ما ممکن است مطالب و عکسهای آن صفحه خاص را در پوشه های مختلفی بارگذاری کرده باشد و ممکن است بعضی از نوشته ها وتصاویر یک صفحه به یک پوشه یا صفحه ای دیگر لینک داده شده باشد .(یعنی می توان با کلیک روی آن صفحه به آدرس یک صفحه طراحی شده دیگر هدایت شد) این اطلاعات در یک فضای میزبانی به نام Hosting وجود دارد که مجموعأ یک وبسایت را می سازند.

IERp6NUI0cpOeGleKkhLx5zrd0bZNtrlfLTFgTJT.jpg

طراحی سایت را چگونه انجام بدهیم؟

در ادامه به طور مختصر توضیحاتی در مورد مسائل مربوط به چگونگی طراحی سایت اینترنتی چیست در مدلهای مختلف اشاره میکنیم:

 

1.انتخاب یک نام مناسب براي سایت مورد نظر ما

 

2. ثبت Domain name (نام سايت دلخواه) در اينترنت داخلی و خارجی

 

3. طراحي نرم افزار و پنل مدیریت محتوا و طراحی گرافیک اختصاصی برای سایت

 

4. خريد هاست و یا سروی های میزبانی ویندوز و یا لینوکس بسته به طراحی سایت انجام شده

 

5.بارگذاری سایت طراحی شده بر روی فضای میزبانیلینوکس یا ویندوز تهیه شده و افتتاح اولیه سايت

 

نرم افزارها و یا در اصطلاح CMS های مورد نیاز در طراحی وبسایت و ساخت سایت:

 

شالوده اصلی طراحی سایت و طراحی وبسایت بر اساس Microsoft .NET Framework می باشد. استفاده از فناوری .NET و یا PHP با انعطاف پذيری، قابليت اطمينان بالا، نوآوری و امنيت مثال زدنی خود قابليت های بسياری را برای وب مستران وطراحان سایت به وجود می آورد ، كه از جمله ی آن قابليت مديريت سورس ها، پشتيبانی از ماژولها و افزونه ها،همگون شدن با روش انتخابی پروژه و وابسته نبودن به يك زبان برنامه نویسی و برنامه نویس خاص است. همچنین همانطور که در بالا به مثال کلمه کلیدی قیمت سپتیک تانک اشاره شد موارد بسیاری برای توجه و ریزه کاری وجود دارد. ضمن آنكه شالوده و زيرساختهای نرم افزار .NET و یا PHP به عنوان پایلوت اصلي اجرای یک پروژه طراحی سایت خواهد بود ، امكان استفاده از ابزارهای کاربردی جانبی ديگری كه سازگار با ویندوز و یا لینوکس هستند را برای مدیر سایت بوجود می آورد استفاده از طراحی سایت های ماژولار برای توسعه های بعدی خیلی به وب مستران کمک مینماید .ضمن آنكه هزينه های دوباره كاری (reworking) را در زمان بروزرسانی های و یا توسعه های آتی می کاهد بانک اطلاعاتی MS SQL SERVERو SQL Server دو بانک اطلاعات رایج برای تولید بانکهای اطلاعاتی هستند

 

_چرا باید بررسیهای و سخت گیریهای امنیتی برای سایت در نظر گرفت؟

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

8WW8IDaiH1hMjsAfMxoCo0wVgbDZETwFkQfiMAG5.png

طراحی سایت چیست

مدهای مختلف وبسایت در طراحی وبسایت و ساخت سایت:

سایت ها ی اینترنتی بر اساس کاربرد و زبان برنامه نویسی به چند دسته مختلف تقسیم می شوند که عبارت است از:

سایت استاتیک یا ثابت در اصل برای توسعه های آتی کاملأ به به طراحی حرفه ای یا نیمه حرفه ای سایت نیاز دارند و اصلأ مالکین و مدیران آن سایتها نمی توانند مطالب و محتوای آنها را بروز نمایند. زبان برنامه نویسی اینگونه از سایت ها در بیشتر موارد HTML و Java Script میباشد که برای همه طراحان سایت بعنوان پیش فرض انتخاب می شود که اگر طزاح سایت ما تخصصی تر باشد و یا با یک طراح سایت حرفه ای طرف باشیم معمولأ از CSS نیز استفاده میکنند از آنجا که از حجم کمتری از برنامه نویسی دستی و کدهای اپراتوری در طراحی وبسایت های استاتیک استفاده میگردد، سرعت نمایش در مرورگرها (Loading) بالایی دارا می باشند. علاوه براین کاهش حجم کدها خوانایی بیشتر سایت توسط موتور های جستجوگر را به دنبال دارد.این موارد سبب بهتر شدن وضعیت آنها با توجه به حجم اینگونه ستینها در موتورهای جستجوگر از جمله Google عملکرد بهتری از خودشان نشان میدهد و این مهم سئو سایت بسیار حائظ اهمیت است در ضمن این گونه سایتها قیمت پایین تری را نسبت به سایر سایت ها که بهصورت داینامیک و یا با ابزارهای دیگر تولید می شند را دارا هستند . بکار گیری طراحان سایت حرفه ای و شرکتهای کهنه کار در این صنف همانند قیمت سپتیک تانک و امثالهم با توجه به آشنائی کامل به این مهم و اجرای پروژه های متشابه زیاد در این حوزه می تواند ما را به هدفمان از طراحی سایت نزدیکتر نماید و با استفاده از تکنیکهای روز سئو می توان این مهم را بیش از پیش تقویت نیز نمود .

 

ولی در عین حال وابستگی کامل صاحب سایت به طراح سایت و افرادی که این سایت را کدنویسی کرده اند و خود مالک سایت توسط صاحبان و مدیران ایجاد میکند زیرا تنها راه بهینه سازی محتوائی سایت استفاده از طراحان اولیه سایت است . سایتهای استاتیک برای افراد و شرکتهای پیشنهاد می شود که بروزرسانی محتوائی آنها در سال خیلی کم است و در طول سال مطلب و یا محتوای جدید کمی به سایت افزایش یا کاهش خواهند داد و اصلأ برای سایتهای پر ادیت پیشنهاد نمیشود. در این میان هستند کسانی که میخواهند در کنار کلمه کلیدی قیمت سپتیک تانک از کلمه کلیدی سرویس بهداشتی استفاده کنند که این خود در طراحی سایت بسیار مهم تلقی میشود زیرا که در یک مقاله قرار گرفته در سایت شما باید توجه داشته باشید که مطالب مرتبط به هم باشد. سایت دینامیک یا پویا افراد معمولی و یا صاحبان سایت که دسترسی مستقیم به سایت را داشته باشند،با اندکی اطلاعات اولیه که معمولأ طراح سایت در اختیار ایشان قرار میدهد خواهند توانست محتوای سایت های دینامیک را بعد از تحویل طراح سایت بروزرسانی نمایند. زبان برنامه نویسی وبسایت های پویا میتواند متناسب با سطح سواد طراح سایت انتخاب شود و یا سلیقه سفارش دهنده ولی عمدتا" از زبان های برنامه نویسی ASP ASP.Net ، PHP، CSS، Silver light و یا Ajax در بین طراحان سایت رایج است که مهم در همه جا دنیا نیز همطور است.

این گونه از سایتها در ابتدا شالوده و Home سایت توسط طراح سایت پیاده سازی و بر روی سرویس میزبانی و یا همان Hosting بارگذاری میگردد و سپس سایر مراحل انجام میشود . از این رو طراح در طراحی وبسایت و ساخت سایت نسبت به موقعیت و حجم مطالب مورد نیاز که توسط سفارش دهنده اعلام میشود و مدیران سایت بروزرسانی می نماید اطلاعی دقیقی نخواهد داشت بنابر این مورد در چنین طراحی سایتی از محبویت سایت در موتورهاب جستجوگری چون Google و ساختار و گرافیک کلی سایت کم میشود.

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

پرتال ها (Portals):

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

 

سایت استاتیک و نیمه دینامیک (Static and Dynamic Flash Website)

سایتهای گرافیکی و یا در اصلاح Flash نیز دو نوع استاتیک و نیمه دینامیک قلمداد میشوند که توسط نرم‌افزارهای خاصی طراحی و مدیریت محتوا می شوند این مدل طراحی خیلی وقت است که منسوخ شده است. معمولا" از XML یاAction Script برای ایجاد قابلیت های تغییر یا هوشمندی در این سایتها استفاده می شود ولی کاملأ به سلیقه طراح سایت بستگی دارد

thp0g2MqtbH6kfPCnEtwN0026Mag39C54dJCNgbf.jpg

همه چیز درباره طراحی سایت

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

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

سایت دارای سیستم مدیریت ( Content Management System Website): که در اصطلاح به CMS ) Content Management System ) آنها را می شناسیم و با همین مخفف از آنها یاد می شود، وبسایت هایی از نوع سایت های دینامیک پرتال ها هستند که توسط طراحان حرفه ای سایت و یا شرکتهای طراحی حرفه ای برای مصارف خاص و یا پروژه های ویژه طراحی و تدوین میگردد

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

0 دیدگاه
برای قرار دادن دیدگاه وارد شوید

سلام دنیا برای شما عزیزان اینجا هستم من یه برنامه ویسم که هر مطلب مهم و جالب ببینم در موردش مینویسم