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

دقت داشته باشید همین نکته‌های در ظاهر بی اهمیت میتواند سایتی حرفه ای با قابلیت بالا را برای شما به ارمغان بیاورد

• از قابلیت شفافیت در عکس‌ها بهره بگیرید
  استفاده از تصاویر ترنس پرنت و شفاف قابلیت‌های زیادی را در طراحی زیبا و چشم نواز به شما خواهد داد و از طرفی در نظر داشته باشید در هنگام پیاده سازی اینترنت اکسپلورر ۷ تصاویر با پسوند .png را پشتیبانی نخواهد کرد.

• از تکنیک همپوشانی در تصاویر استفاده کنید
  این تکنیک به این صورت است که شما چندین تصویر کوچک را در یک تصویر قرار می‌دهید و همان تصویر را می‌توانید در چندین جای صفحه قرار دهید

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

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

• تصاویر بزرگ را قطعه بندی کنید
  در جاهایی که تصاویر بزرگ را مجبورید بارگذاری کنید در نظر داشته باشید با قطعه قطعه کردن تصاویر می‌توانید سرعت بارگذاری را بالا ببرید
  این تکنیک قطعه کردن تصاویر در وب سایت برای تصاویر بزرگ رایج شده است و نباید برای بولت‌ها و عکس‌های کوچک استفاده گردد

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

• از ترکیبی از تصاویر و رنگ‌ها در پس زمینه‌های المان‌ها استفاده کنید
  از آنجایی که تصاویر زمان بیشتری را برای لود شدن نیاز دارند لذا برای بخش‌هایی پس زمینه دارند رنگی را مشخص کنید تا هنگام لود شدن تصاویر کاربر بتواند متن را بدون زحمت بخواند

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

• از تعداد زیادی رنگ استفاده نکنید
  سایت شما رنگین کمان نیست و یا یک دلقک سیرک ،در محیط وب شما به ۱۶ میلیون رنگ دسترسی دارید . سعی کنید همواره چند رنگ را مشخص کنید و این یکپارچگی را در تمام صفحات پیاده سازی کنید
  استفاده از تعداد زیادی رنگ باعث از بین رفتن تمرکز کاربر می‌شود

• در تغییر رنگ متن‌ها دقت داشته باشید
  خب این کار رو انجام ندهید خیلی بهتره ولی اگر خواستید انجام بدهید حتما به این نکته توجه داشته باشید.اگر قصد دارید در وب سایت به کاربر این اختیار را بدهید که بتواند رنگ‌ها را تغییر دهید توجه داشته باشید که رنگ‌ها را به دقت تغییر دهید مثلا : با تغییر دادن رنگ متن صفحه به سفید پشت زمینه صفحه را نیز تغییر دهید که کاربر در مشاهده سایت دچار مشکل نشود.

• منبع : معرفی در تالار توسط kinglove0111

ادامه مطلب…

اگر با ما همراه بوده باشید،اطلاع دارید که مطلبی در مورد نحوه نصب و تنظیمات کامل افزونه کارامد W3 Total Cache قرار دادیم که مورد توجه دوستان نیز قرار گرفت.با توجه به اضافه شدن امکانات جدید،مثل CDN رایگان به این افزونه پر طرفدار ,  تصمیم گرفتیم به صورت عملی نحوه استفاده از سرویس جدید CDN رایگان SpeedyMirror به همراه W3 total cache،را قرار بدیم.

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

بعد از اینکه گوگل،سرعت بارگذاری صفحات را به عنوان یکی از فاکتورهای دخیل در بهبود وضعیت سایت در نتایج جستجو خود قرار داد،بسیاری از وب مستران به تکاپوی بالا بردن سرعت سایت خود افتادند.بسیاری از شما دوستان،حتما تجربه کار با کش و بهینه سازی تصاویر جهت بالا بردن سرعت سایت را دارید.اگر احساس می‌کنید که هنوز موفق نشده اید سرعت سایت تان را به حد قابل قبولی برسانید،پیشنهاد می‌کنیم استفاده از شبکه تحویل محتوا (Content Delivery Network) یا همان CDN خودمان را تجربه کنید.CDN به صورت یک خوشه توزیع شده برای تحویل محتوا شماست.به عبارت دیگر CDN شبکه ای از کامپیوتر‌های حاوی کپی داده‌های شما می‌باشد که در مکان‌های مختلف جغرافیایی قرار دارند و سرعت دانلود و در دسترس بودن داده‌ها را فراهم می‌کنند.

اکثر وبلاگ نویسان معمولا از CDN استفاده نمی‌کنند،زیرا قیمت پلن‌های آن در سرویس دهنده‌های محبوب CDN گران هستند و برای سایت‌های کوچک توجیح اقتصادی ندارند(در ایران خودمون حساب کن!) .اما اخیرا سایتی بنام SpeedyMirror اقدام به ارائه سرویس CDN با قیمت‌های خوب کرده است که قسمت هیجان انگیز آن امکان استفاده رایگان از آن است.SpeedyMirror این پلان رایگان خود را با میزان تبادل اطلاعات ۵۰ گیگابایت عرضه می‌کند که حدود ۶ -۷ ماه نیازهای یک سایت متوسط را برآورده می‌کند.اما حتما فکر می‌کنید اگر این مقدار تمام شد،چکار خواهیم کرد؟مشکلی نیست چون بعد از اتمام این مقدار،می‌توانید سراغ پلان‌های پولی آن بروید که از $۰.۰۳۴ برای هر گیگابایت شروع می‌شود(فکر کنم ارزانترین در دنیا !) .در ادامه می‌خواهیم نحوه ثبت نام و انجام تنظیمات در سایت SpeedyMirror را با هم مرور کنیم.لطفا با ما باشید.

• مرحله ۱ : ثبت نام و فعال سازی حساب کاربری 

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

• مرحله ۲ : ورود به سایت و ثبت آینه

حالا حساب کاربری تان فعال شده است و می‌توانید وارد سایت شوید.بعد از ورود از لینک‌های بالا،گزینه Mirrors را انتخاب کنید.

حالا یک آینه جدید باید بسازید.فرم آن را در ذیل می‌بینید:

ادامه مطلب…

یکی از تکنولوژی‌های محبوب وبمسترها CDN که مخفف کلمات Content delivery network و به معنای شبکه توزیع محتوا است که با آن می‌توانند سرعت بارگذاری و نمایش سایت یا وبلاگ خود را افزایش دهند و همچنین این امکان هزینه چندانی نیز برای آن‌ها ندارد و می‌توانند به راحتی تنها در چند دقیقه این امکان را به سایت خود اضافه کنند. همانطور که می‌دانید سرعت بالای بارگذاری سایت برای بهینه سازی سایت برای موتورهای جستجوگر ( SEO ) نیز نتایج مثبتی دارد.

برای لود شدن سایت، مرورگر باید درخواست تک تک فایلهای مربوط به اون صفحه وب رو به سرور ارسال کنه و سرور هم در پاسخ مرورگر، اون فایل رو براش ارسال کنه. بنابراین  زمانی برای درخواست مرورگر و پاسخ سرور در نظر بگیرید و زمانی رو برای دانلود شدن اون فایل در کامپیوتر بازدیدکننده.که این مورد به سرعت انتقال داده بین دو سیستم میباشد.
خوب  حالا چی کار کنیم که این بازه زمانی کوتاه تر بشه ؟ همانطور که گفتیم این زمان بستگی به پهنای باند سرور و پهنای باند کاربر دارد. اما عامل سومی‌هم هست که میتوان به نام زمان انتقالبه ان اشاره کرد. یعنی فاصله سرور تا کاربر. این فاصله زمانی رو میشه تشبیه کرد به فاصله زمانی که شما نیاز دارید از منزل به بانک مورد نظر خودتون برسید. فرض کنید بانکی که شما به اون نیاز دارید فقط یک شعبه در شهر شما داشته باشه، بنابراین شما اگه شانس داشته باشید خونه نزدیک به بانک باشه، میتونین با پای پیاده و در چند دقیقه به اون برسید، اما اگر شما در سمت دیگر شهر باشید، شاید با حساب ترافیک، یک ساعت در راه باشید! حالا فرض کنید بانک شما در چهار گوشه شهر، شعبه‌های جدید ایجاد کنه. حتما این دفعه که به بانک میروید، زمان کمتری رو صرف میکنید چون این بار میتونین انتخاب کنید و بانکی که به شما نزدیک تره رو به عنوان مسیر انتخاب کنید. در حالت بهتر اینکه این بانک در تمام محله‌های شهر، شعبه بزنه. حالا شما انتخاب‌های بیشتری دارید. اگر در محل کار هستید میتونید به شعبه شماره ۴۵ که نزدیک محل کار هست بروید و اگر در خانه هستید به شعبه ۱۸٫
همین مثال رو در مورد یک سایت در نظر بگیرید. اگر سایت شما یک سرور داشته باشه و اون هم مثلا در کشور کانادا باشه، تمامی‌بازدیدکننده‌های سایت شما باید با سروری در کانادا ارتباط برقرار کنند. چه اونی که تو ژاپن هست و چه اونی که تو خود کانادا هست. واضح هست که سرعت برای اشخاصی که به سرور دورتر هستند، کندتر خواهد بود. مثل همون بانک مثال ما در حالت اول که فقط یکی بود. در حالت دوم، ما سروری رو برای سایت خودمون انتخاب میکنیم که از طریق تکنولوژی‌های موجود در مهندسی شبکه، میتونه در چندین مکان فیزیکی قرار بگیره. مثلا در کانادا و ژاپن و اسپانیا و ایران(!) حالا اگر کاربر ایرانی درخواست این سایت رو داشته باشه، مجموعه سرور، متوجه یک درخواست از ایران میشه و کاربر رو به سرور ایران میفرسته یا اگر کاربری از فرانسه بخواد سایت رو ببینه، مجموعه ما اون رو به نزدیکترین سرور خودش یعنی اسپانیا میفرسته. بنابراین به این صورت، سرعت لود شدن صفحه، به علت کم کردن زمان انتقال، بیشتر خواهد شد.

به این مجموعه که در نقاط مختلفی داری سرور هست و بسته به محل درخواست، اون رو به نزدیکترین سرور هدایت میکنه، Content Delivery Network میگوییم. در واقع CDN رو میشه به صورت شبکه ای از کامپیوترهایی با وظیفه ارسال اطلاعات درخواستی به کاربر در کمترین زمان و انتخاب مناسبترین مسافت، تعریف کرد.
شرکتهای بزرگ مثل یاهو، مایکروسافت، فیسبوک و گوگل، برای خودشون چنین شبکه ای رو به صورت خصوصی دارند. و شرکتهای دیگری هم هستند که این سرویس رو به مشتری‌هاشون در قبال پرداخت هزینه ای ارایه میدهند. برای نمونه میشه از شرکتهایی مثل http://www.akamai.com و سرویس cloudfront شرکت آمازون نام برد.
CDN رو یکی از اهداف Cloud Computing هم میشه نام برد به این مفهوم که فایلهای شما مهم نیست در چه مکان فیزیکی قرار گرفته اند، مهم اینه که چجوری میشه به اون دسترسی پیدا کرد.

مزایای استفاده از CDN چیست ؟

همانطور که در بالاتر گفتیم CDN به‌هاست ما قدرت سرورهای چندگانه را می‌دهد و می‌توانیم مزیت‌های استفاده از این روش را به صورت زیر لیست کنیم.

• ۱. افزایش سرعت بارگذاری و نمایش صفحات وب در سیستم بازدید کنندگان

• ۲. افزایش امنیت سایت‌ها ( بیشتر ارتباط‌ها به صورت غیر مستقیم و محافظت دو چندان هستند )

• ۳. افزایش مقدار پهنای باند ( برای مثال اگر سرور شما ۱۰ گیگابایت پهنای باند به شما ارائه می‌کند وقتی شما از یک CDN که دارای ۱۰ node است استفاده می‌کنید در حقیقت شما ۱۰ * ۱۰ گیگابایت به پهنای باند خود افزوده اید

• ۴. هزینه بسیار پایین ( دلیل این مزیت توانایی استفاده اشتراکی چندین نفر از سرور‌ها است )

• ۵. نصب آسان ( نیاز به داشتن تخصص خاصی برای نصب این سرویس بر روی سایت خود ندارید و ارائه دهندگان این سرویس معمولاً افزونه‌های از پیش ساخته و یا راه کارهایی برای شما دارند که تنها در چند دقیقه امکان استفاده از این سرویس را به شما می‌دهند )

• ۶. افزایش سرعت بارگذاری و نتایج مثبت در رتبه سایت شما در موتورهای جستجوگر ( همانطور که می‌دانید سرعت رابطه مستقیمی‌با  SEO سایت شما دارد.

• ۷. و …

CDN‌های رایگان (درادامه مطلب)

ادامه مطلب…

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

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

سرفصل‌ها :

• اینترنت و حضور در آن
• علت پیدایش موتورهای جستجو
• رتبه بندی موتورهای جستجو
• بالا بردن رتبه سایت در موتورهای جستجو
  • بهینه سازی موتورهای جستجو (Search Engine Optimization)
  • معرفی به موتورهای جستجو و فهرست‌ها (Search Engines and Directories Submission)
  • تبلیغات در موتورهای جستجو (Search Engine Advertising)
  • آنالیز وب سایت (Web Analytics)
• فاکتورهای کاهش رتبه در موتورهای جستجو

اینترنت و حضور در آن

از سال ۱۹۹٢ یک منبع بسیار مهم دیگر به منابع اطلاعاتی اضافه شد و آن شبکه جهانی وب (World Wide Web) یا همان اینترنت است. به جز کاربرد در زمینه اطلاع رسانی اینترنت کاربردهای بیشمار و غیر قابل تصوری در تجارت و سایر زمینه‌های زندگی نیز پیدا کرده است. به بیان دیگر امروزه در هر زمینه ای که بتوان تصور کرد، اینترنت یک ابزار موثر و توانمند به حساب می‌آید. حضور در اینترنت حقیقتا باید بخشی از بازاریابی شما باشد.

علت پیدایش موتورهای جستجو

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

رتبه بندی موتورهای جستجو

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

• هر موتور جستجو الگوریتم خاص و محرمانه خودش را برای رتبه بندی (Ranking) دارد و با توجه به اهمیت و اولویت فاکتورهای رتبه بندی ممکن است نتایج جستجوی متفاوتی بوجود آید. ممکن است سایت شما در یک موتور جستجو رتبه ٢ و در موتور دیگر رتبه ۱۰ داشته باشد.
• دیگر اینکه رتبه سایت شما کاملا به کلیدواژه‌هایی که انتخاب می کنید بستگی خواهد داشت. برای نمونه ممکن است سایت شما هنگام جستجوی یک عبارت رتبه ۱٢ داشته باشد و در جستجوی دیگری با یک عبارت دیگر، رتبه ۱٢۶۴ را بدست آورد. پس عبارتهایی که برای بهبود جایگاه خود انتخاب می‌کنید مهم است.

بالا بردن رتبه سایت در موتورهای جستجو

موتورهای جستجو بهترین روش برای یافتن محصولات و اطلاعات مورد نیاز توسط کاربران و متقاضیان از یک سو و از سوی دیگر بهترین راه برای تبلیغات و جذب مشتریان توسط تولید کنندگان و ارائه کنندگان خدمات است.
آمار نشان می‌دهد تنها ٧% کاربران از صفحه‌های سوم به بعد نتایج را مرور میکنند به عبارتی، بیشتر آنان اگر مطلب مورد نظر خود را در صفحات نخست پیدا نکنند از موتور جستجوی دیگری کمک می‌گیرند.
سه ابزار اصلی برای بدست آوردن رتبه بالا در موتورهای جستجو و در نتیجه جایگیری در صفحات نخست نتایج جستجو عبارتند از :
۱. بهینه سازی موتورهای جستجو
٢. معرفی به موتورهای جستجو و فهرست‌ها
۳. تبلیغات در موتورهای جستجو

بهینه سازی موتورهای جستجو (در ادامه مطلب..)

ادامه مطلب…

خلاصه مطلب : افزایش سرعت سایت و صفحات وب کاری اسان میباشد که خیلی از وب مستر‌ها از این راه‌ها بی اطلاع هستند. تنها با تغییرات کوچکی در فایل .htaccess این امر محقق میشود. این فایل با فشرده سازی فایل‌ها و نگه داری کش باعث افزایش سرعت سایت میشود.

دوستان عزیز دقت کنید که افزایش سرعت سایت و بهینه سازی بارگذاری سایت گرفتن رتبه A توسط YSlow  نیست.بلکه حدف بدست اوردن سرعت بهبود یافته برای کاربران حقیقی شما میباشد.

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

۱٫ یک دایرکتوری (پوشه) جدید در‌هاست خودتون ایجاد کنید و اسمش رو هر چی دوست دارید بگذارید. مثلا :

http://example.com/temp/

2. فایل index.shtml.txt را ایجاد کرده و کد  زیر را در ان وارد کنید :

<!--#printenv -->

3. فایل .htaccess ایجاد کرده (چون این فایل مربوط به لینوکس میباشد در ویندوز قابل ساختن نیست-بر روی‌هاست این فایل را بسازید) و کد‌های زیر را داخل ان وارد کنید

SetEnv MOD_mod_deflate 0
SetEnv MOD_mod_gzip 0
SetEnv MOD_mod_headers 0
SetEnv MOD_mod_expires 0
<IfModule mod_deflate.c>
SetEnv MOD_mod_deflate 1
</IfModule>
<IfModule mod_gzip.c>
SetEnv MOD_mod_gzip 1
</IfModule>
<IfModule mod_headers.c>
SetEnv MOD_mod_headers 1
</IfModule>
<IfModule mod_expires.c>
SetEnv MOD_mod_expires 1
</IfModule>

4. دو فایل ایجاد شده را به دایرکتوری که در مرحله اول ایجاد کردید اپلود کنید و فایل txt را فراخوانی کنید :

http://example.com/temp/index.shtml.txt

در صورتی که با .txt مشکل داشت . فایل را به حالت .shtml ذخیره کنید. یعنی :

http://example.com/temp/

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

MOD_mod_deflate=1
MOD_mod_gzip=0
MOD_mod_headers=1
MOD_mod_expires=1

اگر  هر دو قسمت headers , expires عدد ۱ را نشان دهند شما میتوانید کد‌های زیر را عینا به کار برید .در غیر اینصورت باید در مورد کش‌ها تجدید نظر کنید که در اینده برای شما توضیح میدهیم.

(ادامه مطلب و افزایش سرعت سایت شما )

ادامه مطلب…