چگونه امتیاز سایت خودمان را در گوگل افزایش دهیم؟ 1

در شرایطی که میلیون ها سایت و وبلاگ در اینترنت بر سر تصاحب جایگاه بالاتر در بین نتایج جست و جوگرها رقابت و مبارزه می کنند ، کسب رتبه در موتورهای جست و جو کار سخت و دشواری است و کسانی در این میان توفیق به دست می آورند که بر نحوه عملکرد موتورهای جست و جو آگاه باشند و خود را با اصول مورد نظر جست و جو گرها سازگار کنند .
معیار گوگل برای این ارزیابی یا «رنکینگ»، لینک ها، اسم ها و اعتبار شما نزد دیگر صفحات اینترنت می باشد و بر اساس نمره یا رنک(RANK)  مخاطبانتان و تعداد آنان، اهمیت شما را مشخص می کند. این ارزیابی ثابت نمی باشد، در واقع گوگل هر چند ماه یک بار در اینترنت جستجو (SURF) می کند و رنک صفحات را کم و زیاد می کند. سایت ها و وبلاگ ها پیج رنک های مختلفی دارند. معتبرترین سایت‌های اینترنتی اعم از گوگل، یاهو، بی بی سی، W3.ORG، نیویورک تایمز، MSN، بلاگر و چندین و چند سایت دولتی و غیر دولتی دیگر دارای نمره 9 یا 10 می باشند که دارنده بیشترین رنک پیج در اینترنت می باشند.
PAGE RANK چه کاربردی دارد؟
اینکه PAGE RANK  در طراحی سایت  به چه دردی می خورد !! ساده است ، رتبه بندی گوگل بر صورت می‌گیرد.
سوال این است ، پس از یک درخواست کلمه کلیدی از گوگل ، آدرس وب سایت‌ها و صفحات دیگر چگونه نمایش داده می شود، جواب راهگشا است ، براساس PAGE RANK یا رتبه هر صفحه اینترنتی که شامل نتیجه جستجو می شود.
فرض کنید صفحهA دارای رنک2، صفحه B عدد 6 و C نمره 4 را داراست ، کلمه یزد در تمام صفحات بعنوان کلمه کلیدی لحاظ شده است
یک کاربر کلمه یزد را جستجو می کند در میان آدرس صفحات یافته شده صفحات A, B , C لحاظ می شود اما گوگل ابتدا B بعد صفحه C و در نهایت A را نمایش می دهد ، پس رنک گوگل در جستجو ها حرف اول را می‌زند.
آگاهی از PAGE RANK وبلاگ یا وب سایتمان
با این تفاسیر به اهمیت این سیستم گوگل پی برده اید. شاید بپرسید که چگونه می توان به نمره یا رنک یک وبلاگ یا وب سایت پی برد؟  برای این مهم چندین راه وجود دارد
نرم افزارهای PAGERANK
راه دیگر نصب کردن نوار ابزار یا TOOLBAR گوگل می باشد، راه دیگر استفاده از نرم افزار PAGERANK-WEAVER می باشد. این نرم افزار به شما این قابلیت را می دهد که پیج رنک های رقیب هایتان را یک جا جمع بندی شده یا تحلیلی ببینید. به عنوان مثال شما یک کلمه کلیدی را در قسمت جستجوی این برنامه تایپ و کلیک می کنید. کمی صبر می کنید، نرم افزار شروع به جستجو، تجزیه و تحلیل می کند. سپس به شما نتایجی را کارنامه وار می دهد. در آن ابتدا تعداد کل لینک های یافته شده و در ردیف های پایین تر تعداد تفکیکی آنها را بر حسب پیج رنک های مختلف نشان می دهد. مثلا می گوید 20 سایت با پیج رنک 6 به این کلمه یا سایت لینک داده اند.
چگونگی یک پیج رک PAGE RANK مناسب دست یابیم
همانطور که می‌دانید، سیستم رتبه بندی گوگل در دوره‌های زمانی خاصی مجددا سایت‌های موجود را رتبه‌بندی می‌کند و سایت‌های زیادی در این میان با کاهش رتبه مواجه می‌شوند. در این مقاله می خواهیم در مورد روش‌های جلوگیری از کاهش رتبه و همچنین راه های کسب امتیاز صحبت کنیم.
1- تنوع در لینک ورودی:
یکی از بهترین مکان‌هائی که مشتریان می‌توانند سایت شما را پیدا کنند موتورهای جستجو هستند. اما شما نباید فقط به این بسنده کنید. شما بایستی سعی نمائید لینک سایتتان را در سایت‌های دیگران منتشر کنید.به طور خلاصه می توان اینگونه بیان کرد: سعی کنید توسط دیگر وبلاگها یا وب‌سایت‌ها به شما لینک داده شود اگر لینک شما یک سویه و ورودی باشد تنها دیگران به وبلاگتان لینک دهند رتبه شما افزایش می یابد .لینک دوسویه یعنی لینکها در هر دوطرف باشد که امتیاز کمتری دارد و اگر تنها لینک دیگر سایت‌ها و وبلاگها را یک سویه بگذارید، به طور شدید نمره شما کم می شود .
نرم افزار رتبه بندی چنین محاسبه می کند که هر چقدر بیشتر به یک صفحه اینترنتی لینک داده شده باشد پس از اهمیت خاصی برخوردار است .توجه داشته باشید که تلاش برای افزایش رتبه وبلاگ و سایتی بی محتوا یا کم محتوا کار بیهوده ایست ، آنچه بیش از همه در بالا بردن رتبه شما در موتورهای جست و جو نقش دارد میزان محتوای سایت شماست، پس تلاش خود را بیشتر بر روی محتوای خود متمرکز کنید و بدانید که اگر محتوای بهتری ارائه کنید از سوی دیگران مورد حمایت قرار خواهید گرفت.
2- استفاده از سایت‌های با رتبه بالا:
نکته دیگر اینکه سعی کنید از سایت‌هائی که رتبه بالائی دارند برای اضافه کردن لینک استفاده کنید. فرستادن اخبار مربوط به سایت شما به‌همراه لینک سایت به سایت‌های خبری با رتبه بالا، یا حتی ارائه مقالات سایت‌تان در سایت‌های با رتبه بالا می‌تواند تاثیر مناسبی در افزایش یا نگهداری رتبه سایت شما داشته باشد.
3- نام دامنه مناسب :
تا حد امکان سعی کنید از  نام دامنه  کوتاه استفاده نمائید. بسیاری از افراد در معرفی حضوری یک وب سایت ، نامهای کوتاه‌تر را به سادگی معرفی می‌کنند و شنوندگان هم آسانتر نامهای کوتاه را به خاطر می‌سپارند. این نکته را فراموش نکنید که راحتی نام اثر غیرمستقیم دارد . یک کارشناس SEO در وبلاگش آورده بود که سعی کنید در نام دامنه یاهمان آدرس اینترنتی وبلاگ و وب سایت خود از دو مقوله بهره ببرید اول، از کلمات معنادار لاتین بهره ببرید به خصوص کلمات کلیدی در گروهی گه نگارش می کنید؛ کلمات فارسی با حروف انگلیسی به شدت رتبه شما را کاهش می دهد، می توانید از دامینی مشابه دامین های مشهور با رنک بالا استفاده کنید .
4- استفاده از تبلیغات معمولی :
سعی کنید نام سایت خودتان را بر روی خودکار یا اجناس تبلیغاتی دیگر منتشر کنید. به این ترتیب بازدیدکنندگان زیادی را به سایت خود اضافه خواهید نمود. این توصیه شاید بطور مستقیم باعث افزایش یا نگهداری رتبه سایت شما نشود اما بطور غیر مستقیم در معرفی سایت شما به موتورهای جستجو موثر خواهد بود.
5- استفاده از محصولات با قابلیت توزیع :
ارائه کتاب‌های الکترونیکی یا مقالات مفید یا حتی ارائه محصولات نرم‌افزاری رایگان در سایت شما، کمک زیادی به افزایش بازدیدکنندگان و همچنین معرفی سایت شما در دیگر سایت‌ها و در نتیجه افزایش رتبه شما خواهد داشت.
6- بررسی وضعیت لینک‌های سایت :
همیشه در معرفی سایت‌های دیگران در سایت‌تان مراقب باشید. بسیاری از این نوع سایت‌ها بعد از مدتی لینکشان را عوش می‌کنند یا اینکه بدلیل مشکلات فنی درست کار نمی‌کنند. سعی کنید مجموعه لینک‌های سایت خودتان را مرتب بررسی نمائید و لینکها نادرست را حذف یا تصحیح نمائید. تعداد بیشتر لینک‌های بدون استفاده در یک سایت باعث کاهش بیشر رتبه سایت در موتورهای جستجو خواهد‌شد.
7- استفاده از کلمات کلیدی :
هیچگاه از استفاده صحیح از کلمات کلید غافل نشوید. مرتب کلمات کلید سایت خود را بررسی کرده و در صورت نیاز کلمات آنرا تصحیح نمائید. به خاطر داشته باشید که این تغییرات بصورت افزایش باشد. تغییر یکباره کل کلمات کلید سایت می‌تواند تاثیر بسیار مخربی بر روی رتبه سایت شما در موتورهای جستجو داشته‌باشد.

بهینه سازی سایت چیست ؟

به طور متوسط 75 الی 80 درصد بازدیدهایی که از یک وب سایت صورت می‌گیرد از درگاه موتورهای جستجو می باشد. نکته قابل توجه این است که اکثریت مردم فقط 2 صفحه اول از نتیجه بازگشتی توسط موتورهای جستجو را بررسی می‌کنند.
SEO چیست؟
SEO مخفف کلمات Search Engine Optimization به معنای بهینه سازی وب سایت برای موتورهای جستجو می‌باشد.
برای اینکه رتبه وب سایتتان را افزایش دهید باید به موتورهای جستجو بگویید که سایت شما در چه زمینه‌ای فعالیت می کند. برای معرفی زمینه فعالیت وب سایتتان به موتورهای جستجو باید از کلمات کلیدی (keywords) مناسب در جاهای مختلفی از سایتتان استفاده کنید.
انتخاب کلمات کلیدی مناسب
قبل از اینکه ما مشغول جمع آوری اطلاعات برای سایت شویم، باید تعدادی کلمه کلیدی، متناسب با زمینه فعالیت‌مان انتخاب کنیم و سپس این کلمات را مورد تجزیه و تحلیل قرار دهیم. این مرحله یکی از مهمترین مراحل در علم SEO می‌باشد.
تجزیه و تحلیل کلمات انتخاب شده شامل موارد زیر می‌باشد:
1- کلمات انتخاب شده را در موتورهای جستجوی معروف نظیر Google جستجو کنید. با این کار رقبای اصلی شما مشخص خواهند شد. سپس شما باید سایت‌های رقیب را بررسی کنید، در ادامه خواهیم گفت که در بررسی سایت‌های رقیب به چه نکاتی باید توجه کرد.
2- سعی کنید کلمات عمومی را به عنوان کلمه کلیدی انتخاب نکنید.
بعنوان مثال اگر زمینه فعالیت شما فروش قطعات کامپیوتری دست دوم است، کلمه "کامپیوتر" کلمه مناسبی نمی‌باشد. زیرا شامل تاریخچه کامپیوتر، علوم کامپیوتر و... نیز می شود ولی کلمه "قطعه دست دوم کامپیوتر" کلمه مناسبی خواهد بود.
3- بهتر است از کلمات ترکیبی بعنوان کلمات کلیدی استفاده کنید زیرا رقابت برای کلمات مفرد بیشتر است. پس از اینکه ترافیک سایت شما به یک حد قابل قبولی رسید، می‌توانید رقابت خود را برای کلمات مفرد ادامه دهید.
چگونه کلمات کلیدی انتخاب شده را به موتورهای جستجو بشناسانیم؟
 در این مرحله هدف این است که کلمات انتخاب شده را در جاهای مختلف سایت بکار بریم تا ربات‌های موتورهای جستجو هنگام پیمایش سایت ما، اطلاعات کافی از زمینه فعالیت ما بدست آوردند. برای این منظور به ازای هر یک از کلمات انتخاب شده یک صفحه، اطلاعات می‌نویسیم. بهتر است در هر صفحه تمرکز بر روی یک کلمه باشد. نکته قابل توجه این است که باید سعی شود کلمه مورد نظر در متن ما بیش از اندازه تکرار نشود زیرا در این صورت ربات‌های موتورهای جستجو، سایت ما را جزو سایت‌هایی قرار می دهد که هدف آنها مختل کردن فعالیت موتورهای جستجو است (spam) و هیچگاه سایت شما در بانک اطلاعاتی موتورهای جستجو قرار نخواهد گرفت. به طور کلی گفته می‌شود بهتر است در یک صفحه 2 الی 3 درصد از کلمات، به کلمات کلیدی اختصاص یابد. همچنین با توجه به این نکته که ربات‌های موتورهای جستجو، صفحات وب را از بالا به پایین و از چپ به راست پیمایش می‌کنند، بهتر است که در ابتدا و انتهای صفحات، کلمات کلیدی بکار برده شوند. معمولاً در پایین صفحات وب (زیر کپی رایت سایت) کلمات کلیدی مرتبط با صفحه نوشته می‌شوند.
پس از نوشته شدن مطالب، مراحل زیر را انجام دهید:
1- در طراحی سایت  و درعنوان صفحه، کلمه یا کلمات کلیدی استفاده شده در متن صفحه را بکار ببرید. انجام این کار اهمیت بالایی دارد زیرا متنی که درعنوان صفحه قرار دارد بعنوان متن لینک، بازگشتی موتورهای جستجو می‌باشد. موتور جستجوی گوگل فقط 66 کارکتر از این متن را نمایش می‌دهد بنابراین سعی کنید عنوان صفحات کمتر از 66 کاراکتر باشد. برای تعیین عنوان صفحه از تک title بصورت زیر استفاده کنید. سعی کنید اگر بیش از یک کلمه کلیدی در صفحه دارید از کارکتر | بعنوان جداکننده کلمات، استفاده کنید:
<title> کلمه کلیدی اول | کلمه کلیدی دوم و... <title>
2- از تگ‌های meta برای مشخص ساختن کلمات کلیدی استفاده کنید.
3- اگر در صفحه از عکس استفاده کرده‌اید، در خصوصیت alt عکس‌ها، کلمات کلیدی خود را بصورت زیر استفاده کنید:
<img src = “image name” alt = “your keywords”>
4- از نوشتن کدهای css و JavaScript بطور مستقیم در صفحات وب، خودداری کنید بلکه این کدها را در فایل‌های جداگانه بنویسید و در فایل اصلی آنها را فراخوانی کنید.
5- اگر بیش از یک کلمه کلیدی انتخاب کرده‌اید و به ازای هر کدام از آنها یک صفحه نوشته‌اید، همه این صفحات را با استفاده از لینک‌ها به هم متصل کنید و متن لینک‌ها را کلمات کلیدی خود قرار دهید. متن لینک‌ها نیز همانند نوشته‌های italic، bold و  underline از اهمیت زیادی برخوردارند و موتورهای جستجو به آنها توجه زیادی می‌کنند.
اهمیت لینک‌های خارجی در افزایش رتبه یک سایت:
منظور از لینک‌های خارجی، لینک‌هایی است که از سایت‌های دیگر به سایت شما وجود دارد. هر چه تعداد این لینک‌ها بیشتر باشد رتبه سایت شما بیشتر خواهد بود. علت این امر این است که موتورهای جستجو اینگونه استدلال می‌کنند که چون تعداد زیادی لینک به این سایت وجود دارد بنابراین از نظر کاربران اینترنت این سایت دارای اهمیت زیادی است بنابراین موتورهای جستجو نیز رتبه سایت را بالا می‌برند. موتور جستجوی گوگل رتبه سایت‌ها را براساس آیتمی بنام page rank بیان می‌کند که عددی بین 1 تا 10 می‌باشد. هر چه این عدد بزرگتر باشد رتبه سایت مربوطه بیشتر خواهد بود و همچنین هر چه تعداد لینک‌های خارجی یک سایت بیشتر باشد ranking آن سایت بیشتر می‌شود.
سایر تکنیک‌های موثر در افزایش رتبه سایت:
1- موتور جستجوی گوگل تکنیکی را بیان می‌کند که به کمک آن می‌توانید تمام فایل‌هایی را که تمایل دارد توسط گوگل ایندکس شوند را در یک فایل، معرفی کنید. برای این منظور باید نقشه XML سایت (XML sitemap) را در یک فایل بنام sitemap.xml قرار دهید.
2- فایلی به نام robos.txt در ریشه سایت خود قرار دهید. به کمک این فایل می‌توانید به موتورهای جستجو بگویید چه فایل یا پوشه‌هایی را ایندکس کنند و چه فایل یا پوشه‌هایی را نادیده بگیرند.
3- در بررسی سایت‌های رقبا حتماً به این نکته توجه کنید که از چه سایت‌هایی به آن سایتها لینک وجود دارد. برای بررسی این مطلب می توانید در موتور جستجوی گوگل از دستور زیر استفاده کنید:
نام وب سایت مورد نظر :Link
- هنگامی که یک domain ثبت می کنید، آن را در آدرس google.com/addurl.html اضافه کنید. پس از انجام این کار حدوداً 3 هفته طول می کشد که گوگل domain شما را به بانک اطلاعاتی خود اضافه کند. برای اطمینان از اینکه domain شما به بانک اطلاعاتی گوگل وارد شده است یا نه در گوگل می توانید نام domain خود را جستجو کنید، اگر در نتیجه بازگشتی توسط گوگل، domain شما وجود داشت بدین معنا است که به بانک اطلاعاتی گوگل وارد شده است. البته یک راه بهتر برای domain شما در کمتر از یک هفته به بانک اطلاعاتی گوگل وارد شود این است که از یک سایت که رتبه بالایی در گوگل دارد به سایت خود یک لینک ایجاد کنید.
5- یکی دیگر از راه های موثر در افزایش رتبه یک سایت، بکار بردن تالارهای و انجمن های گفتگو در وب سایت است. این کار باعث می شود که کلمات کلیدی مورد نظر شما به طرق مختلف در تالارهای گفتگو تکرار شود. علاوه بر این باعث می‌شود که بینندگان سایت و در نتیجه ترافیک سایت بالا رود.
6- نوشتن مقاله در زمینه های مرتبط با فعالیت شما یکی از راه‌هایی است که به کمک آن می‌توانید لینک‌های خارجی سایت خود را افزایش دهید. دایرکتوری‌های زیادی در سطح جهان وجود دارد که شما می توانید مقالات خود را در آنها وارد کنید و یک لینک از سایت آنها به سایت خود ایجاد نمایید.

افزونه‌های ضروری برای طراحان وب

برنامه‌نویسان وب، خصوصا آن سنتی‌هایشان، به‌شدت از دشواری طراحی صفحه‌های وب سخن می‌گویند. این برنامه‌نویسان از بس میان مرورگر و ویرایشگر کد خود سوییچ کرده‌اند، در گرفتن Alt+Tab استاد شده‌اند. اما می‌توان کار طراحی وب را بسیار ساده‌تر کرد.  برای برنامه نویسی بهتر و راحت‌تر در فایرفاکس نیروهای کمکی متعددی وجود دارد. این نیروهای کمکی فایرفاکس برای برنامه‌نویسان همان افزونه‌هایی هستند که می‌توان تمام آنها در چند ثانیه دانلود کرد.
Aardvark: این افزونه به شما این امکان را می‌دهد تا عناصری را از یک صفحه وب انتخاب و کلی کار روی آنها انجام دهید. البته این افزونه بیشتر برای آنالیز ساختار صفحه وب استفاده می‌شود. ولی در کارهای دیگری از قبیل حذف‌کردن یا ایزوله‌کردن عناصر و یا ساخت کدهای DOM (Document Object Model) به‌شما کمک می‌کند. به‌شدت به شما توصیه می‌کنیم که از این افزونه استفاده کنید تا معجزه آن را ببینید.
 
CSS Validator: اعتبارسنج CSS، گزینه جدیدی را به منوی کلیک راست شما در فایرفاکس اضافه می‌کند و به‌کمک آن می‌توانید سند CSS هر صفحه وب را در یک تب جدید اعتبار سنجی کنید. اعتبارسنج CSS به‌درد آن دسته از طراحان وب‌می‌خورد که به رعایت استانداردها خیلی پایبندند.  
CSSViewer: اصلا نمی‌شود بدون CSSViewer کار را پیش‌برد. یک بار این افزونه را نصب کنید و بعد به‌عمق معنای این جمله پی می‌برید. تمام اطلاعاتی که می‌توان از سند CSS یک صفحه وب در آورد در این افزونه وجود دارد. فقط کافی است منوی ابزار را باز کنید و اطلاعات را ببینید. کاربرد آن تقریبا روزانه است.
Web Developer: اگر هرکدام از این افزونه‌ها را تابه‌حال نصب نکرده‌اید اشکال ندارد، ولی این یکی را حتما نصب کنید! این افزونه، یک منو و یک نوارابزار به فایرفاکس اضافه می‌کند که به شما امکانات زیادی، مانند گزینه طرز نمایش یک صفحه، ویرایش و نمایش CSS و بسیاری از چیزهای دیگر را می‌دهد که احتمالا باعث می‌شود یک شب را از خوشحالی تا صبح بیدار بمانید.
FireBug: بدون فایرباگ، توسعه وب دردی است که درمان ندارد. به‌کمک فایرباگ امکان ویرایش، رفع عیب، مشاهده CSS، ویرایش آن. اعمال کدهای جاوااسکریپت، تغییر کدهای HTML، تغییر CSS و هر چیزی در این میان را می‌توانید انجام دهید.  
FirePHP: این افزونه تنها زمانی قابل استفاده است که شما افزونه FireBug را قبلا نصب کرده باشید. اگر فایرباگ را سلطان افزونه‌های طراحی سایت  بنامیم، قطعا این یکی دستیار آن است و برنامه‌نویسان PHP را غرق در خوشحالی خواهد ساخت. با کمک هر دو افزونه می‌توانید توانایی PHPتان را بسنجید و خطاهای آن را به‌راحتی پیدا کنید.
FontFinder: اگر تا به‌حال از فونتی در یک سایت خوشتان آمده، ولی نفهمیدید که چه فونتی است، این افزونه را نصب کنید و دوباره سراغ آن سایت بروید. هر تکه‌ای را که می‌خواهید انتخاب کنید و بعد یک راست کلیک با دریافت CSS کامل آن فونت فاصله دارید. به‌سادگی می‌توانید آن را کپی کنید و بعد در وب‌سایت خود پیاده کنید.  
HTML Validator: به‌کمک این افزونه که فقط برای کاربران ویندوز طراحی شده، می‌توانید میزان خطاهای عناصر HTML روی صفحه‌تان را شناسایی کنید. اگر طراح پیشرفته وب نیستید، کلا سراغ این افزونه نروید. کار با آن بسیار دشوار است.
IE View: اگر مشتریان شما بیشتر از اینترنت اکسپلورر استفاده می‌کنند، این افزونه به شما خیلی کمک می‌کند.
این افزونه گزینه‌ای را به اسم Open in IE اضافه می‌کند که به شما این اجازه را می‌دهد تا صفحه‌ای را که طراحی کرده‌اید در اینترنت اکسپلورر باز کنید و ببینید در اکسپلورر چه منظره‌ای دارد.
Java Console: اگر خیلی دلتان می‌خواهد بدانید اپلت Java چگونه در صفحه وب نمایش داده می‌شوند، این افزونه برای خود شما طراحی شده است! همچنین می‌توانید یک گزارش کامل از کارایی آنها نیز بگیرید.
LinkChecker: با کمک این افزونه می‌توانید بفهمید که لینک‌های یک وب‌سایت به کجا می‌روند، آیا خطای 404 را نمایش می‌دهند یا خیر؟  
Poster: اگر می‌خواهید از سروری اشکال‌زدایی کنید و کار به‌جایی کشید که بسته‌های HTTP را هم باید با دقت کنترل کنید، با کمک پوستر می‌توانید بسته‌ای را آماده کنید و بعد عملیات انتقال و دریافت را انجام دهید و با دقت روی بسته‌های بازگشتی تمرکز کنید.  
Style Sheet Chooser II: این افزونه می‌تواند سوئیچ‌کننده style sheet پیش‌فرض فایرفاکس را با هر سندی که در هرکدام از صفحات وب دیده‌اید، جایگزین ‌کند. این ابزار، چیزی نیست که همیشه بخواهید از آن استفاده کنید، ولی اگر بخواهید تغییری بدهید، مطمئن باشید بهترین گزینه شما خواهد بود.
ColorZilla: اگر در وب‌سایتی از رنگی خوشتان آمد و خواستید آن را برای استفاده بعدی یک جایی یادداشت کنید، کالرزیلا کد رنگ را به‌سادگی هرچه تمام‌تر برای شما استخراج می‌کند. حتی می‌توانید با کمک پالت رنگی که در این افزونه هست، ترکیب‌های رنگی زیبایی خلق کنید: ساده، قدرتمند و ضروری.
YSlow: این افزونه نیز برای اجرا به FireBug نیاز دارد و بهترین راه برای فهمیدن دلیل آهسته اجرا شدن سایت و یافتن راه‌های سریع‌تر کردن وب‌سایت شماست.
این ابزار صفحه‌های وب را آنالیز می‌کند و نشان می‌دهد، چرا کند بارگزاری می‌شود و روی قوانینی برای سایت‌های با کارایی بالا متعلق به یاهو‌ پیاده‌سازی شده است.

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

طراحی و در حقیقت «توسعه سطح کاربر» برای وب‌سایتی که قرار است محتوایش را کاربران غیرحرفه‌ای ویرایش کنند، مشکلاتی سوای مشکلات معمول توسعه یک وب‌سایت عادی دارد. این روزها بیشتر مشتریان می‌خواهند توانایی مدیریت محتوای خودشان را داشته باشند. بنابراین بیشتر طراحان متوجه خواهند شد که بیشتر طراحی‌هایشان، اگر نگوییم همه‌شان، در حد قالب‌هایی مثل CMS خواهند ماند.
دشمن‌تان را بشناسید
این که سیستم‌های مدیریت محتوا چقدر در ویرایش محتوا به کاربر آزادی بدهند، قانون ثابتی ندارد. به‌عنوان یک طراح ابتدا باید بفهمید در مقابل سیستم قالب‌گذاری CMS انتخابی‌تان چقدر کنترل دارید. این کنترل ممکن است در حد توانایی ویرایش قالب‌های موجود یا به پیچیدگی تغییر کلی CMS برای طراحی سایت  باشد. در برخی محصولات قدیمی‌تر CMS ممکن است ببینید کنترل کمی روی نشانه‌گذاری‌هایی که در صفحه وارد شده‌اند دارید. اگر کاربران CMS قادر باشند HTML خودشان را وارد کنند، می‌توانید بفهمید طراحی‌تان چقدر در مقابل این اتفاقات مقاوم است. شرایط ایده‌آل برای یک طراح زمانی است که کاربر، قابلیت محدودی برای وارد کردن نشانه‌گذاری‌هایش داشته باشد و CMS از بلاک‌های محتوای ساخت‌یافته برای هدایت آنها با افزودن محتوا در شیوه صحیح استفاده کند و سپس بدرستی توسط قالب‌ها نشانه‌گذاری شوند.
سازگار نگه دارید
هر چقدر سیستم مدیریت محتوای منعطف‌تری داشته باشید، باید سازگاری قالب‌های خود را بیشتر در نظر بگیرید. این‌که چند ویرایشگر محتوا تربیت کنید، بسیار ساده‌تر از این است که بخواهید سیستم سازگاری داشته باشید. اگر با هر نوعی از محتوای ساخت‌یافته در طراحی‌تان کار می‌کنید، هر بخش را به‌عنوان یک بلاک تکرارشونده قلمداد کنید. توسط CSS3 براحتی می‌توانیم هر آیتمی یا حتی آیتم آخر را هدف بگیریم. البته این قابلیت برای مرورگرهای قدیمی دردسترس نیست و ممکن است ویرایش کد پشتیبان CMS برای افزودن یک کلاس برای هر آیتم دیگر یا آخرین آیتم امکان‌پذیر نباشد. زمانی که با نواحی‌ای سر و کار دارید که الزاما بلوک‌های بزرگ محتوایی هستند و کاربر روی نشانه‌گذاری آنها کنترل کامل دارد، اصلا فرض نکنید که کاربر خودش تشخیص می‌دهد که باید کلاس‌های CSS را اضافه کند تا جلوه‌هایی که شما برای این سیستم در نظر گرفته‌اید را پیاده کند
اجتناب از به‌کارگیری عکس به‌جای متن
ممکن است تصاویر را با کمک PHP و دیگر زبان‌ها در سمت سرور ایجاد کرد، اما سیستم مدیریت محتوای شما نمی‌تواند این قابلیت را به‌عنوان مساله‌ای استاندارد ارائه کند، چون همواره باید فکر فونت‌های غیراستانداردی که در طراحی‌تان قرار می‌گیرد نیز باشید. همین شرایط با استفاده از فونت‌ها ساده‌تر است و سرویس‌های زیادی همین الان هستند که می‌توانید از هر فونتی که تمایل دارید در وب‌سایت خود استفاده کنید و نیازی هم نباشد که روی کامپیوتر کاربر نصب شده‌ باشند.
در نظر گرفتن سیستم مدیریت محتوا هنگام ایجاد منو
به ‌هر حال هر سیستم مدیریت محتوایی روی یک مساله تمرکز دارد و باعث می‌شود بیشتر بازدیدهای سایت را به آن بخش هدایت کند. از این‌رو بهتر است با توسعه‌ دهندگان CMS صحبت کرد و متوجه شد که این سیستم تا چه حد کنترل لازم را به‌کاربر می‌دهد.
با اطلاعات واقعی آزمایش کنید
زمانی‌که طراحی در HTML و CSS توسعه پیدا کرد، فرضیات‌ خود را از نظر رفتاری که طراحی در برابر محتوا نشان می‌دهد، بیازمایید. اگر این کار پیش از این که قالب‌ها در CMS گنجانده شوند، انجام شود، بهتر خواهد بود.
به ویراستاران محتوا در نگهداری طراحی کمک کنید
اگر CMS را با دستورالعمل‌های کوچک به کاربر تحویل دهید، نمی‌توانید از آنها انتظار داشته باشید ذهن‌تان را بخوانند و از طراحی آن‌گونه که دوست دارید نگهداری کنند. حتی اگر ویراستار محتوای پایه‌ای، کاملا برای ویرایش سایت تعلیم دیده باشد، ممکن است بر اثر گذشت زمان فراموش کند یا تصمیم بگیرد کمی خلاقیت به‌خرج دهد یا ممکن است ویراستار اصلی برود و شخص دیگری با آموزش کمتر جای آن را بگیرد.
حذف عملکردهای اضافی از واژه‌پرداز
واژه‌پرداز WYSIWYG در CMS شما به‌طور پیش‌فرض قابلیت اضافه کردن هر نوع شکل و ظاهری را به متن می‌دهد. با این حال در بسیاری از همین واژه‌پردازها می‌توان نوار ابزار را محدود کرده و تنها به دکمه‌ها و استایل‌هایی که می‌خواهید کاربر به آن دسترسی داشته باشد، اجازه دیده شدن بدهید. یکی از مسائل مهم برای وبلاگ نویسان و صاحبان سایتها درصد آپ بودن (Uptime) آنها است. ممکن است وقتی شما در خواب ناز به سر می برید مشکلی برای هاست سایت شما پیش بیاید و برای ساعاتی سایتتان از دسترس خارج شود. یا به هر دلیل دیگری دسترسی به سایت شما مقدور نباشد. اما وقتی از خواب بر می خیزید و دوباره نوشتن را از سر می گیرید همه چیز درست شده و شما هم متوجه موضوع نشده اید. خوب برای اطلاع از این نوع مشکلات راه حل بسیار جامع و کاملی وجود دارد و آن ثبت نام در سایت Pingdom است. با ثبت نام در این سایت و وارد کردن آدرس سایتتان (یا سایت دیگری) Pingdom از این پس سایت شما را تحت نظر خواهد گرفت و از دسترس بودن آن گزارشات مفصلی را تهیه می کند. البته در نسخه رایگان تنها می توانید آمار یک سایت را داشته باشید. Pingdom اطلاعات زمان پاسخگویی سایت (Response time) را هم در اختیار شما می گذارد. با این اطلاعات هم می توانید تصویری از سرعت بارگذاری سایتتان داشته باشید.

دانستنی‌های فونت برای طراحان وب

یک فونت از قسمت‌های مختلفی تشکیل شده است که عبارت است از کاراکتر ها، حروف و سمبل‌هایی هستند که در یک فونت وجود دارند. از طرفی دیگر یک کاراکتر دارای حالات مختلفی است، برای مثال کاراکتر ب از حالات ب – بـ – ـبـ – ـب تشکیل شده است، این حالات مختلف یک کاراکتر را گلیف می‌گویند. ابزاری به نام موتور رندر متن با توجه به مشخصات هر کاراکتر نسبت به کاراکترهای بعد و قبل از آن یکی از حالات مختلف گلیف مورد نظر را شناسایی کرده و بر روی خروجی ترسیم می‌کند. نکته مهمی که باید به آن توجه داشت این است که هر گلیف دارای کد متفاوتی است که به آن کد پوینت گفته می‌شود. با فراگیرتر شدن کامپیوترها در نیمه دوم دهه 90 میلادی، نیاز بود تا زبان‌های بیشتری به دنیای دیجیتال وارد شود. به همین دلیل تولیدکنندگان کامپیوتر اقدام به ایجاد استاندادرهای مختلف کردند که هر استاندارد حاوی کاراکترها و سمبل‌هایم ورد نیاز یک یا چند زبان با ریشه مشترک بود. به این صفحات کدپیج گفته می شد. متاسفانه وجود کدهای برابر و یکسان در کدپیج‌های مختلف باعث سردرگمی کاربران شده بود. با ازدیاد مشکلات کنسرسیومی به نام یونی‌کد اقدام به وضع استانداردی کرد که با نام خود این کنسرسیوم به نام یونی‌کد شناخته می‌شود.یونی‌کد، حاوی اطلاعات مربوط به کاراکترها و سمبل‌های تمامی زبان‌های زنده و مرده دنیاست. این استاندارد با مشخص کردن جداول متفاوت، زبانهای با ریشه مشترک را مانند زبان عربی، فارسی، فارسی دری، اردو و غیره را در یک جدول جای داده و تمامی اطلاعات مورد نیاز آنها را شامل می شود. بدون اینکه کد مورد استفاده در یک گلیف، در گلیف دیگری در هر زبان دنیا استفاده شده باشد. وب فونت گرچه از سال 2009 میلادی هنوز به عنوان یک پیشنهاد باقی مانده، لیکن بدلیل پشتیبانی بسیار خوب تبدیل به تنها روشی شده که طراحان وب از آن برای خلق متون زیباتر بهره ببرند.
در سالهای ابتدایی وب، طراحان وب برای نمایش متون مورد نظر از فونت‌های استاندارد استفاده می‌کردند. برای زبان فارسی، به دلیل اطمینان خاطر از وجود این فونت در سیستم کاربر نهایی عموم وب‌سایت‌ها از فونت Tahoma استفاده می‌کردند. با ظهور وب فونت‌ها این قابلیت بوجود آمد که طراحی سایت ، یک فونت که در سیستم کاربر وجود نداشت را در صفحه وب مورد نظرش استفاده کند و مطمئن باشد که کاربر نهایی صفحه مورد نظر را با استفاده از فونت دلخواه او مشاهده می‌کند. چنانچه پیشتر گفته شد، یک فونت از تعدادی گلیف ایجاد شده است، و هر چه تعداد این گلیف‌ها بیشتر باشد یک فونت برای نمایش اطلاعات غنی‌تر خواهد بود. اما این تعداد زیاد در وب قابل توجیه نیست. تصور کنید شما یک متن ساده را به زبان فارسی در وب نمایش می‌دهید، آیا نیاز هست که فونت شما حاوی گلیف‌های زبان انگلیسی یا آلمانی باشد؟ مسلما وجود گلیف‌های بیش از اندازه و افزونگی گلیف‌ها باعث بالا رفتن حجم یک فونت می‌شود که این امر در وب اصلا خوش‌آیند نیست. مورد دیگری که باید در نظر داشت آن است که زبان‌های لاتین عموما دارای کاراکترهایی با ارتفاع یکسان هستند، اما زبان‌هایی مانند زبان فارسی، عربی، اردو و غیره دارای کاراکترهای کاملا متفاوتی هستند، برخی به سمت بالا کشیده می‌شوند و برخی به سمت پایین. این تفاوت ظاهری در فونت‌های لاتین و زبان‌های دیگر باعث شده که استانداردهای تدوین شده، که عموما بر اساس رسم‌الخط لاتین وضع شده‌اند، فارسی‌زبانان را دچار مشکل کند. چراکه حروف مرتفع فارسی بصورت بالقوه توانایی رعایت ارتفاع استاندارد حروف لاتین را ندارد، و حتی در صورتی که این ارتفاع رعایت شود کلمات خطوط پایین‌تر، کلمات جملات خطوط بالاتر را دچار مشکل می‌کنند و کلمات روی هم می‌افتند.
خیلی از این مشکلات را در زمان طراحی فونت می‌توان برطرف کرد. بخصوص مشکل کدپونت‌های اشتباه که در فونت‌های فارسی امری مرسوم است، با صرف کمی زمان کاملا برطرف می‌شود. گلیف‌های مشخص و با تعداد پایین هم در پایین آوردن حجم فونت موثر خواهد بود. همه اینها نشان از یک چیز دارد و آن این است که یک وب فونت باید با دید کاربرد در وب طراحی شود. در اکثر فونت‌های فارسی حروف انگلیسی هم گنجانده شده، ولی در یک وب فونت بدان‌ها نیازی نیست لذا با یک طراحی صحیح تا حد زیادی می‌توان این مشکلات را برطرف کرد. با استفاده از یکسری دستورات CSS می‌توان وب فونت را به یک صفحه وب الصاق کرد تا کاربر نهایی در هنگام بازدید از صفحه وب شما، فونت دلخواه شما را مشاهده نماید. برای توسعه یک وب فونت نیازی نیست تا همه کارها را از ابتدا انجام دهیم، اگر یک فونت سالم در اختیار داشته باشیم می‌توانیم با حذف گلیف‌های اضافه حجم آن را پایین بیاوریم و با کمی کنترل گلیف‌ها می توان ارتفاع حروف را نیز مشخص کرد. سپس با گرفتن یک خروجی مجدد و تعیین اطلاعات جانبی فونت و مجوز استفاده از آن، می‌توان از یک فونت بصورت وب فونت استفاده کرد. سرویس‌های زیادی هستند که فونت‌ها را تبدیل به وب فونت می‌کنند.
عملکرد بیشتر آنها یکسان است و صرفا یکسری از جداول مورد استفاده در فونت را برای فشرده کردن هر چه بیشتر فونت‌ها از بین می‌برند.

دروپال چیست؟

دروپال نسخه 7.20 چندی پیش ارائه شد. اما حالا یک آپدیت جدید از راه رسیده که مشکلات نسخه 7.20 را حل می کند. نسخه 7.21 برخی باگ ها و مشکلات با ماژول ها را حل نموده و تیم دروپال گفته در صورتی که با نسخه 7.20 به مشکل برخورده اید حتما به نسخه 7.21 ارتقا دهید.
سیستم مدیریت محتوا یا (CMS) Content Management System چیست؟
سیستم مدیریت محتوا(CMS) ، نرم افزاری است که به شما کمک می کند تا مطالب خود را خلق کنید، آنها را سازمان دهی و یا ویرایش کنید، برخی از آنها را حذف یا غیر فعال کنید. همچنین این مطالب می توانند شامل تصاویر، متون، اسکریپت ها و یا هر چیز دیگری از این نوع باشند .اگر شما قصد طراحی سایت را دارید که در آن حجم بسیار زیادی از اطلاعات بصورت روزانه ایجاد و ویرایش می شود (مانند یک خبرگزاری)، به طور حتم شما به یک سیستم مدیریت محتوا برای سایت خود نیازمندید .با ذکر یک مثال مفهوم سیستم مدیریت محتوا را برایتان روشن تر می کنم. فرض کنید که شما اکنون 200 کتاب در تخصص های مختلف دارید. حال به دنبال موضوع خاصی در بین این کتاب ها هستید. در مرحله ی اول شما نیاز دارید تا این کتب را در طبقه های کتابخانه ای دسته بندی کرده و طبقات را عنوان بندی کنید. هر کتاب بسته به نوع و محتوایش در طبقه ی مخصوص به خود قرار می گیرد. همچنین هر طبقه می تواند به چند بخش تقسیم شود و بدین شکل جستجوی کتاب ها آسان تر گردد.  شما می توانید در کامپیوترتان نام و مشخصات هر کتاب و محل قرار گیری آن را وارد کنید و همانند یک کتابخانه ی مجهز، در کمتر از چند دقیقه کتاب مورد نظر خود را در میان آن حجم از کتاب ها پیدا کنید. اما بدون چنین امکاناتی، آیا می توانید به راحتی در میان آن همه کتاب به اطلاعات خود دست پیدا کنید؟ عملکرد سیستم مدیریت محتوا نیز همین طور است. شما مطالب خود را در آن ایجاد می کنید، آنها را در بخش ها و زیر شاخه های مختلف قرار می دهید و برای ویرایش، حذف، جستجو و سایر عملیات ممکن بر روی آنها، از امکانات گوناگون نرم افزار مدیریت محتوا کمک می گیرید . سیستم های مدیریت محتوای زیادی مانند وردپرس، جوملا، دات نت نیوک، تایپو3 و ... وجود دارند که برای استفاده برخی از آنها نیاز به پروانه بهره برداری دارید. برای مقایسه سیستم های مدیریت محتوا می توانید کلید واژه هایی مانند: Drupal vs. Wordpress یا Drupal vs. joomla و ... را در گوگل جستجو کنید. دروپال (Drupal) یک فریم ورک مدیریت محتواست و تلاش دروپال بیشتر  بر این موضوع متمرکز می باشد که خود را به عنوان یک فریم ورک مدیریت محتوا معرفی کند تا  صرفا یک نرم افزار مدیریت محتوا. بر همین اساس محتوا در دروپال مفهمی بسیار گسترده دارد. و در این سیستم از به کار گیری مصداق های جزئی از محتوا مانند مقاله یا غیره به عنوان مبنای اصلی محتوا اجتناب شده است و تلاش بر این می باشد که  کاربران هم همین رویکرد جامع را با محتوا داشته باشند. با توجه به در نظر گرفتن دروپال به عنوان یک چهار چوب مدیریت محتوا، این چهار چوب  قابلیت ارائه ی خروجی هایی را دارد که خود به عنوان سیستم مدیریت محتوا در  نظر گرفته خواهند شد که هر کدام استفاده های موضعی و موردی خود را در  زمینه های خاص تعریف شده خواهند داشت.
دروپال (Drupal) در بالاترین سطح مفاهیم خود مفهومی تحت عنوان موجودیت (Entity) را مطرح می کند. از   مهمترین مصداق های موجودیت در دروپال می توان از (کاربر) و (محتوا) نام برد. تلاش دورپال بر ایجاد یک ارتباط  منطقی و موثر بین این دو موجودیت در کل فرایند های سیستم خواهد بود. این که (کاربر) از  دید دروپال چیست؟ باید گفت که برداشت از موجودیت (کاربر) همان برداشت معمول در سیستم ها دیگر است. کاربران در دروپال افرادی هستند که با این سیستم ارتباط دارند مانند مدیر یا ثبت نام شدگان یا بازدید کنندگان معمولی و غیره ... . از دیگر مفاهیم وابسته در این راستا می توان به نقش کاربر و سطح دسترسی کاربر اشاره کرد. هر کاربر در دروپال دارای نقش خاصی می باشد. قبل از تعریف کاربر جدید در دروپال شما باید نقش های مورد نظر خود در سیستم را  تعریف کنید نقش هایی که در  قالب آنها، افراد در سیستم شما فعالیت خواهند کرد و حضور خواهند داشت.  بعد از  مشخص شدن نقش های مورد نیاز باید مجوز های مربوطه به نقش را تعریف کنیم. مجوزهای یک نقش شامل باید ها و نباید های عملکردی آن نقش می باشد. بعد از مشخص شدن این دو موضوع (نقش ها) و (مجوزهای هر نقش) ما می توانیم اقدام به تعریف کاربران جدید کنیم. به هر کاربر می توان نقش یا نقش هایی رو اختصاص داد که بر اساس باید ها و نباید های تعیین شده در  آن نقش مربوطه می تواند در  سیستم شما فعالیت کند . همان طور که گفتیم موضوع اصلی دروپال مدیریت چرخه فرآیندهای مربوط به محتواست. منظور از  چرخه فرآیندهای محتوا در دروپال، درحقیقت چرخه حیات یک محتوا می باشد که شامل مراحل مختلفی مانند تعریف، ایجاد، رهگیری، ارائه، نمایش، بایگانی و غیره است. دروپال در هر یک از این مراحل ابزارها و روال های مناسب  و کارآمدی را معرفی می کند.