قالب وبلاگ

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

1.     در اولین قدم، دقت كنید حجم صفحه اصلی یا صفحه آغازین (HomePage) سایت شما (شامل HTML، گرافیك و غیره)، بیش از 60 كیلوبایت نباشد و حداكثر طی مدت 30 ثانیه، توسط كامپیوتری با سرعت 8/28 كیلو بیت در ثانیه، دریافت شود. برای اثبات این ادعا كافی است به صفحه اصلی سایت yahoo یا blogfa كه یكی از محبوبترین و پربیننده‌ترین سایت‌ها در اینترنت است، نگاهی بیندازید.

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

3.       طراحی سایت باید به‌گونه‌ای باشد كه برای رسیدن به انتهای هر صفحه، حداكثر از 4 كلیك بر روی نوار مرور، استفاده شود.

4.     می‌خواهید باور كنید یا نكنید، ولی یكی از رایج‌ترین اشتباهات طراحان سایت‌ها، عدم ذكر آدرس الكترونیكی (Email) خودشان است. همیشه اطلاعات تماس خود را در سایت قرار دهید تا مردم بتوانند به وسیله آن، پیشنهادات، انتقادات، سؤالات و یا قدردانی خود را ابراز كنند و در صورت دریافت نامه الكترونیكی، سعی كنید حداكثر تا 48 ساعت به آن پاسخ دهید.

5.     بازدیدكنندگانی كه جهت كسب اطلاعات، اخبار و محصولات جدید به سایت شما مراجعه می‌كنند، سریعاً متوجه به روز بودن اطلاعات می‌شوند، لذا لازم است اطلاعات سایت خود را مرتباً و هر چند روز یكبار به روزرسانی كنید.

6.       برای این منظور مجبور نیستید ساعت‌ها از وقت خود را صرف تغییرات كنید، بلكه با 10 تا 15 دقیقه در هر روز، می‌توانید این كار را انجام دهید.

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

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

9.     در هنگام انتخاب كلمات كلیدی برای معرفی سایت خود، به بررسی سایت‌های هم موضوع بپردازید تا كد منبع آنها را بیابید. هم‌چنین سعی كنید از طریق ارسال نامه الكترونیكی، با طراحان آن سایت‌ها تبادل‌نظر كنید.

10.    همواره به یاد داشته باشید، هر زمان كه شما از ویرایش و به‌روزرسانی سایت خود اجتناب كنید، مردم نیز از مراجعه بعدی به آن، خودداری خواهند كرد.

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

12.   مطمئن شوید تمامی پیوندهای (Link) سایت شما كار می‌كنند. ابزارهای گوناگونی برای آزمایش صحت پیوندها وجود دارد. خطاهایی مانند «Error 404 file not found» بازدیدكنندگان را عصبانی و ناراحت كرده و درنتیجه از اعتبار سایت می‌كاهد.

13.   مطمئن شوید تمام تصاویر سایت شما، به‌درستی نمایش داده می‌شوند. اگر بازدیدكنندگان نتوانند تصاویر سایت را ببینند، احساس ناخشنودی كرده و اغلب، آن‌ را ترك می‌كنند. یكی از اشتباهات متداول در نحوه ارائه تصاویر، ذكر مسیرهایی به شكل زیر است:

14.<img src="c:/mysite/images/logo.gif" alt="welcome to my site"> كه به جای بارگذاری تصاویر برای بازدیدكنندگان سایت، تنها این كار برای خود شما انجام می‌شود. سعی كنید در هنگام آدرس‌دهی پیوندهای تصاویر، این آدرس‌ها، ساده، محلی و دارای فهرست وبی باشد.

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

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

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

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

19.   اگر مجبور به استفاده از جاوا در سایت خود هستید، به مراجعان سایت خود، قدرت انتخاب برای استفاده و یا عدم استفاده از آن را بدهید. زیرا جاوا می‌تواند باعث كندی، بروز خطا و در بعضی موارد، از كارافتادن مرورگرهای اینترنت شود.

20.   كاری كنید كه حتی‌الامكان بازدیدكننده سایت شما برای دستیابی به صفحه مورد نظر خود از طریق صفحه اصلی، بیش از چهار كلیك انجام ندهد. در غیر این‌صورت می‌بایست طرح گشت و گذار سایت خود را تغییر دهید.

21.   از به‌كارگیری ویژگی «پخش خودكار صدا (Auto Play)»، در هنگام مراجعه كاربران به سایت خودداری كنید. هیچ یك از صد وب برتر جهان، اقدام به این عمل نكرده‌اند، پس شما نیز از این كار اجتناب كنید.

22.   اندازه مناسب برای كادرهای تبلیغاتی در هر صفحه سایت، 60*468 پیكسل است، ضمن رعایت این مسأله سعی كنید در هر صفحه بیش از دو كادر به كار نبرید.

23.   از خوانایی متن تمامی صفحات سایت‌تان مطمئن شوید. هم‌چنین از به‌كارگیری تصاویر شلوغ، به‌عنوان زمینه اجتناب كنید، زیرا توجه بازدیدكنندگان را از متن دور می‌كند.

24.   به‌طوركلی، رنگ زمینه‌ای به غیر از سفید یا سیاه را برای هشدار و تذكر به‌كار ببرید. زمینه سفید، معمولاً برای سایت‌هایی با متنی طولانی به‌كار می‌رود و زمینه سیاه نیز، برای القای سردی و بی‌تفاوتی به‌كار برده می‌شود.

راهنمایی گوگل در طراحی سایت

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

نکات طراحی و محتوای سایت :

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

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

·         درباره لغاتی که کاربران برای دسترسی به سایت شما در موتورهای جستجو تایپ میکنند فکر کنید و مطمئن باشید که مطالبی درباره  این لغات در سایت شما هست . 

·         برای نمایش کلمات و لینک های مهم از متن بجای عکس استفاده کنید ، زیرا جستجوگر خزنده گوگل متون نوشته شده در عکس را تشخیص نمیدهد .

·         برای لینک ها و عکس ها حتما از تگ های title و Alt بصورت دقیق و درست استفاده کنید. 

·         لینک های شکسته ( لینک هایی که به جای درستی اشاره نمی کنند) را درست کنید. 

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

·         لینک هایی که هر صفحه دارد باید حداکثر تعداد قابل قبولی باشد ، حدود 100 لینک.

نکات فنی :

·         از یک مرورگر متن مانند Lynx برای تست کردن سایت خود استفاده کنید . چون اکثر جستجوگر ها سایت شما را همانند چشمان Lynx می بینند . اگر شما در سایتتان از جاوا اسکریپت ، کوکی ها ، اشیاء session ، frame یا فلش یا هر چیزی که جلوی دید برنامه های خزنده (Crawler) را بگیرد استفاده کرده باشید ممکن است این جستجوگر ها نتوانند صفحات سایت شما را بخوبی ببینند و index کنند .

·         استفاده از SessionID جلوی برنامه های خزنده موتور های جستجوگر را میگیرد و چون آنها نمیتوانند در سایت شما ثبت نام کنند تا صفحات را ببینند بنابرین تعدادی از صفحات شما هرگز در این جستجوگر ها ثبت نمیشوند 

·         اگر از سیستم های CMS استفاده میکنید مطمئن شوید که این سیستم توانایی ساخت صفحاتی که گوگل می یابد را داراست .

·         از پارامتر هایی مانند "&id=" در لینک های صفحاتتان استفاده نکنید . چون گوگل این آدرس ها را index نمیکند .

وقتی سایتتان آماده شد :

·         از سایت های مرتبط بخواهید به شما لینک دهند .

·         سایت خود را در http://www.google.com/addurl/?continue=/addurl ثبت کنید . 

·         نقشه سایت خود را در Google Sitemaps ثبت کنید . 

·         سایت خود را در موتور های جستجوگر و دایرکتوری های دیگر از جمله یاهو ثبت کنید . یکی ازین جاها dmoz.org است .

نکات کلیدی :

·         صفحات را برای کاربر طراحی کنید نه جستجوگر ها : یعنی چیزی را که برای جستجوگر میفرستید همانی باشد که در سایت دارید و به کاربر نشان می دهید. 

·         از روش های حقه زدن به موتور های جستجو برای بالا بردن pageRank استفاده نکنید . چون اولین مشتریان شما بازدید کنندگان شما هستند نه جستجوگر ها . اگر جستجوگر ها اصلا وجود نداشتند شما اصلا این کارا رو میکردین ؟! 

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

توصیه های ایمنی :

·         از لینک ها یا متن های مخفی استفاده نکنید . 

·         از cloak redirect استفاده نکنید .

·         Query های برنامه ریزی شده به گوگل نفرستید .

·         صفحه را با کلمات نا مربوط به سایتتان لود نکنید. 

·         صفحات تکراری در دایرکتوری ها و ساب دومین های سایتتان نسازید.

Query های برنامه ریزی شده چیست ؟

هر چه کاربران کلمه ای را در گوگل جستجو کنند که نام شما در صفحه اول ظاهر شود و اگر رویش هم کلیک کنند در امتیاز گوگل شما تاثیر دارد . اما اگر گوگل متوجه شود که این درخواست ها همگی ساختگی و توسط برنامه هایی مانند WebPosition Gold فرستاده میشوند سایت شما را از لیست جستجویش حذف میکند . پس مواظب باشید تقلب نکنید !

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

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

(برای مشاهده در اندازه کامل بر روی هر تصویر راست کلیک کرده و آنرا در صفحه جدااگانه باز کنید  )

در شکل زیر نیز باید یکی از دو کد را برداشته و در قالب وبلاگ یا سایت خود قرار دهید .

پس از دریافت کد بر روی دکمه ادامه که با فلش در تصیر بالا مشاهده می کنید کلیک کنید …

اگر کد را در وبلاگتان قرار داده باشید در کنار نام سایت یا وبلاگتان در پانل گوگل آنالیز شما شما لوگویی انتظار مانند(!) نمایش داده می شود …

و اگر قرار نداده باشید مانند شکل زیر و شماره دو نمایش خواهد داد و اگر وبلاگ شما از نظر گوگل تایید شده باشد مانند شکل زیر شماره ۱ نمایش داده خواهد شد …

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

بعد به قسمت تنظیمات ِ افزونه آمارگیر گوگل مراجعه کنید و اون کدی رو که عرض کردم رو در قسمت مشخص شده قرار بدید. از کادر بالایی اش هم "فعال است" رو انتخاب کنید و تغییرات رو ذخیره کنید. افزونه فارسی شده و میتونید تنظیمات اختصاصی خودتون رو هم انجام بدید.

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

لینک دانلود مستقیم این نرم افزار با حجم ۳۳۳ کیلوبایت

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

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