سفارش تبلیغ
صبا ویژن
سخاوت بى خواستن بخشیدن است ، و آنچه به خواهش بخشند یا از شرم است و یا از بیم سخن زشت شنیدن . [نهج البلاغه]
 
پنج شنبه 93 شهریور 27 , ساعت 11:4 صبح

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


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


سئو کل سایت

سئو کل سایت به بررسی کل سایت می پردازد

Accessibility

  • دسترسی صفحه: در صورتی که موتور جستجو به یک صفحه نرسد نمی تواند صفحه را ایندکس نماید. دقت نمایید فایل robots.txt یا robots meta tag به صورت تصادفی صفحات خاصی را مسدود نکرده باشد. 
  • صفحات نا مناسب: همینطور صفحاتی نیز نبایند ایندکس شوند به طور مثال صفحاتی که هنوز تکمیل نشده اند و یا صفحات مخصوص کاربران. آن ها را از طریقrobots.txt یا robots meta tag مسدود نمایید. 
  • صفحه بندی: حتما از تگ های rel=”next” و rel=”prev” برای لینک های صفحه بندی خود استفاده نمایید تا دچار صفحات با عناوین تکراری نشوید. 
  • انتقال ها: از عملیات انتقال صفحه 301 به جای 302 استفاده نمایید. عملیات انتقال صفحه 301 رنک بهتری نسبت به 302 دارد. 
  • 404 خطا: خطاهای 404 سایت خود را به حداقل برسانید. 
  • سرعت سایت: سرعت لود شدن وب سایت تاثیر بالای در رنک وب سایت دارد. سرعت بالاتر رنک بهتری در گوگل می گیرد از ابزار چک کردن سرعت وب سایت گوگل برای بررسی سرعت وب سایت خود استفاده نمایید. 
  • دسترسی برای موبایل: آیا سایت شما با موبایل دسترسی مناسبی دارد. گوگل پیشنهاد می نماید برای سایت خود حتما نسخه موبایل ایجاد نمایید. 
  • محتوای تکراری: حتما سایت خود را در ابزار مدیران وب سایت گوگل ثبت نموده و صفحات تکراری خود را بررسی نموده و صفحاتی تکراری خود را حذف نموده و یا آنها را به صفحه اصلی انتقال دهید. همینطور می توانید از تگ rel=”canonical” برای جلوگیری از محتوای تکراری استفاده نمایید. 

ساختار آدرس دهی صفحات

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

نقشه سایت

  • HTML نقشه سایت: یک نقشه سایت html برای کاربران سایت ایجاد می گردد تا کاربران سایت ساختار سایت را متوجه شوند ولی موتورهای جستجو از طریق آن شاخه بندی سایت را همینطور بررسی می نمایند. 
  • XML نقشه سایت: نقشه سایت xml برای موتورهای جستجو طراحی می گردد و موتورهای جستجو از طریق آن شاخه بندی سایت را استخراج می نمایید. تعداد لینک های نقشه سایت نباید از 5000 بیشتر باشد. 
  • نقشه سایت تصویری: تصویر نقشه سایت شما در نتایج موتور جستجوی گوگل نمایش داده خواهد شد و باعث بالا رفتن رنک شما خواهد شد. 
  • نقشه سایت ویدئو: نقشه سایت ویدئوئی به ایجاد ابزارهای جدید گوگل در سایت کمک می نماید. 

بهینه سازی صفحه

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

Keyword

  • یک کلمه کلیدی در هر صفحه: هر صفحه یک کلمه کلیدی داشته باشد. 
  • بررسی کلمه کلیدی: رنک گرفتن برای کلمه کلیدی درست بسیار مهم می باشد. کلمات کلیدی خود را بررسی نمایید و آنهایی را انتخاب نمایید که جستجوی ماهینه بیشتری دارند و تعداد رقابت کننده کمتری دارند. 
  • کلمه کلیدی در آدرس: برای ساخت نام صفحات خود از کلمات کلیدی صفحه استفاده نمایید 
  • کلمه کلیدی در عنوان: کلمه کلیدی را حتما در عنوان استفاده نمایید, و ترجیحا در ابتدای جمله. این مسئله برای موتورهای جستجو بسیار مهم است. 
  • کلمات کلیدی در عناوین: کلمات کلیدی خود را در تگ های عناوین h1,h2,h3 استفاده نمایید.
  • کلمه کلیدی در محتوا: از کلمه کلیدی مورد نظر حتما در بدنه صفحه استفاده نمایید از مترادف های کلمه کلیدی نیز استفاده نمایید. سعی نمایید کلمه کلیدی را حتما در اولین پاراگراف استفاده نمایید. 

محتوا

  • عنوان: حداکثر 70 کاراکتر
  • محتوای جدید: به کاربران خود مطالب جدید و جذاب ارائه نمایید. 
  • نوع محتوا: استفاده از انواع مختلف فایل ها به مانند فایل امتحانی، فایل کمیک و ....... 
  • قابلیت خوانایی: موتورهای جستجو نمی توانند انواع مختلفی از آیتم ها به مانند تصاویر و فایل فلش را بخوانند حتی الامکان از متون جهت توضیح صفحه خود استفاده نمایید.  
  • انتخاب زبان: به موتورهای جستجو اطلاع دهید این یک نسخه ترجمه می باشد با استفاده از تگ هایtherel=”alternate” hreflang=”x” . 
  • تازگی: موتورهای جستجو به مطالب جدید علاقه مندند دائما مطالب خود را تغییر دهید.
  • مقدار محتوا: مقالات بلندتر رنک بهتری در موتورهای جستجو می گیرند سعی نمایید مقالات تعداد کاراکترهای مقالات شما از 300 بیشتر باشد. 

تصاویر

  • نام فایل: از نام فایل معنادار استفاده نمایید. 
  • Alt تگ: حتما توضیحات تصویر را توسط تگ alt بدهید. 
  • سایز: حجم تصاویر را در حداقل قرار دهید. 

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

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

جستجوی محلی

  • بهینه سازی محلی: برای بهینه سازی صفحه خود برای مکان خاصی از نام مکان در عنوان، بدنه و آدرس صفحه استفاده نمایید. 
  • داده های ساختار یافته: توسط داده های ساتار یافته همچنین می تواند مکان محل خود را اعلام نمایید.  
  • چندین مکان: در صورتی که خدمات خود را در مکان های مختلف ارائه می نمایید برای هر مکان یک صفحه مجزا ایجاد نمایید. 
  • Google+: صفحه محلی گوگل خود را ایجاد نمایید. 
  • لیست محلی: از سایت های محلی برای سایت خود لینک بگیرید. 

بهینه سازی خارج از سایت

تاکتیک سئو بر روی خارج از سایت

  • لینک های داخلی: تعداد لینک های داخلی را بررسی نمایید. 
  • اعتبار بخشیدن: لینک از سایت های معتبر به سایت شما اعتبار می بخشد 
  • متن لینک: از کلمات کلیدی خود برای لینک دادن به سایت خود از سایت های دیگر استفاده نماید اما در انجام این کار زیاده روی ننمایید و آن را به صورت طبیعی انجام دهید. 
  • تنوع: بهتر است از چند سایت مختلف رنک بگیرید تا در یک سایت لینک های بیشتری داشته باشید. 
  • Nofollow:لینک هایی که تگ nofollow دارند رنکی به سایت شما ارسال نمی نمایند 
  • لینک های بد: لینک از سایت ها نا معتبر رنک سایت شما را خراب می نماید. لینک در سایت های بد را حذف نموده و یا از Disavow Tool استفاده نمایید. 

لینک:

بررسی های  یک طراح وب


چهارشنبه 92 بهمن 9 , ساعت 12:40 عصر

 

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


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


سئو کل سایت

سئو کل سایت به بررسی کل سایت می پردازد

Accessibility

  • دسترسی صفحه: در صورتی که موتور جستجو به یک صفحه نرسد نمی تواند صفحه را ایندکس نماید. دقت نمایید فایل robots.txt یا robots meta tag به صورت تصادفی صفحات خاصی را مسدود نکرده باشد. 
  • صفحات نا مناسب: همینطور صفحاتی نیز نبایند ایندکس شوند به طور مثال صفحاتی که هنوز تکمیل نشده اند و یا صفحات مخصوص کاربران. آن ها را از طریقrobots.txt یا robots meta tag مسدود نمایید. 
  • صفحه بندی: حتما از تگ های rel="next" و rel="prev" برای لینک های صفحه بندی خود استفاده نمایید تا دچار صفحات با عناوین تکراری نشوید. 
  • انتقال ها: از عملیات انتقال صفحه 301 به جای 302 استفاده نمایید. عملیات انتقال صفحه 301 رنک بهتری نسبت به 302 دارد. 
  • 404 خطا: خطاهای 404 سایت خود را به حداقل برسانید. 
  • سرعت سایت: سرعت لود شدن وب سایت تاثیر بالای در رنک وب سایت دارد. سرعت بالاتر رنک بهتری در گوگل می گیرد از ابزار چک کردن سرعت وب سایت گوگل برای بررسی سرعت وب سایت خود استفاده نمایید. 
  • دسترسی برای موبایل: آیا سایت شما با موبایل دسترسی مناسبی دارد. گوگل پیشنهاد می نماید برای سایت خود حتما نسخه موبایل ایجاد نمایید. 
  • محتوای تکراری: حتما سایت خود را در ابزار مدیران وب سایت گوگل ثبت نموده و صفحات تکراری خود را بررسی نموده و صفحاتی تکراری خود را حذف نموده و یا آنها را به صفحه اصلی انتقال دهید. همینطور می توانید از تگ rel="canonical" برای جلوگیری از محتوای تکراری استفاده نمایید. 

ساختار آدرس دهی صفحات

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

نقشه سایت

  • HTML نقشه سایت: یک نقشه سایت html برای کاربران سایت ایجاد می گردد تا کاربران سایت ساختار سایت را متوجه شوند ولی موتورهای جستجو از طریق آن شاخه بندی سایت را همینطور بررسی می نمایند. 
  • XML نقشه سایت: نقشه سایت xml برای موتورهای جستجو طراحی می گردد و موتورهای جستجو از طریق آن شاخه بندی سایت را استخراج می نمایید. تعداد لینک های نقشه سایت نباید از 5000 بیشتر باشد. 
  • نقشه سایت تصویری: تصویر نقشه سایت شما در نتایج موتور جستجوی گوگل نمایش داده خواهد شد و باعث بالا رفتن رنک شما خواهد شد. 
  • نقشه سایت ویدئو: نقشه سایت ویدئوئی به ایجاد ابزارهای جدید گوگل در سایت کمک می نماید. 

بهینه سازی صفحه

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

Keyword

  • یک کلمه کلیدی در هر صفحه: هر صفحه یک کلمه کلیدی داشته باشد. 
  • بررسی کلمه کلیدی: رنک گرفتن برای کلمه کلیدی درست بسیار مهم می باشد. کلمات کلیدی خود را بررسی نمایید و آنهایی را انتخاب نمایید که جستجوی ماهینه بیشتری دارند و تعداد رقابت کننده کمتری دارند. 
  • کلمه کلیدی در آدرس: برای ساخت نام صفحات خود از کلمات کلیدی صفحه استفاده نمایید 
  • کلمه کلیدی در عنوان: کلمه کلیدی را حتما در عنوان استفاده نمایید, و ترجیحا در ابتدای جمله. این مسئله برای موتورهای جستجو بسیار مهم است. 
  • کلمات کلیدی در عناوین: کلمات کلیدی خود را در تگ های عناوین h1,h2,h3 استفاده نمایید.
  • کلمه کلیدی در محتوا: از کلمه کلیدی مورد نظر حتما در بدنه صفحه استفاده نمایید از مترادف های کلمه کلیدی نیز استفاده نمایید. سعی نمایید کلمه کلیدی را حتما در اولین پاراگراف استفاده نمایید. 

محتوا

  • عنوان: حداکثر 70 کاراکتر
  • محتوای جدید: به کاربران خود مطالب جدید و جذاب ارائه نمایید. 
  • نوع محتوا: استفاده از انواع مختلف فایل ها به مانند فایل امتحانی، فایل کمیک و ....... 
  • قابلیت خوانایی: موتورهای جستجو نمی توانند انواع مختلفی از آیتم ها به مانند تصاویر و فایل فلش را بخوانند حتی الامکان از متون جهت توضیح صفحه خود استفاده نمایید.  
  • انتخاب زبان: به موتورهای جستجو اطلاع دهید این یک نسخه ترجمه می باشد با استفاده از تگ هایtherel="alternate" hreflang="x" . 
  • تازگی: موتورهای جستجو به مطالب جدید علاقه مندند دائما مطالب خود را تغییر دهید.
  • مقدار محتوا: مقالات بلندتر رنک بهتری در موتورهای جستجو می گیرند سعی نمایید مقالات تعداد کاراکترهای مقالات شما از 300 بیشتر باشد. 

تصاویر

  • نام فایل: از نام فایل معنادار استفاده نمایید. 
  • Alt تگ: حتما توضیحات تصویر را توسط تگ alt بدهید. 
  • سایز: حجم تصاویر را در حداقل قرار دهید. 

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

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

جستجوی محلی

  • بهینه سازی محلی: برای بهینه سازی صفحه خود برای مکان خاصی از نام مکان در عنوان، بدنه و آدرس صفحه استفاده نمایید. 
  • داده های ساختار یافته: توسط داده های ساتار یافته همچنین می تواند مکان محل خود را اعلام نمایید.  
  • چندین مکان: در صورتی که خدمات خود را در مکان های مختلف ارائه می نمایید برای هر مکان یک صفحه مجزا ایجاد نمایید. 
  • Google+: صفحه محلی گوگل خود را ایجاد نمایید. 
  • لیست محلی: از سایت های محلی برای سایت خود لینک بگیرید. 

بهینه سازی خارج از سایت

تاکتیک سئو بر روی خارج از سایت

  • لینک های داخلی: تعداد لینک های داخلی را بررسی نمایید. 
  • اعتبار بخشیدن: لینک از سایت های معتبر به سایت شما اعتبار می بخشد 
  • متن لینک: از کلمات کلیدی خود برای لینک دادن به سایت خود از سایت های دیگر استفاده نماید اما در انجام این کار زیاده روی ننمایید و آن را به صورت طبیعی انجام دهید. 
  • تنوع: بهتر است از چند سایت مختلف رنک بگیرید تا در یک سایت لینک های بیشتری داشته باشید. 
  • Nofollow:لینک هایی که تگ nofollow دارند رنکی به سایت شما ارسال نمی نمایند 
  • لینک های بد: لینک از سایت ها نا معتبر رنک سایت شما را خراب می نماید. لینک در سایت های بد را حذف نموده و یا از Disavow Tool استفاده نمایید. 

 

بررسی هایی که یک طراح وب سایت  


یکشنبه 92 دی 22 , ساعت 1:39 عصر

 

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

اکستنشن های مورد نیاز طراحان و برنامه نویسان وب

Eye Dropper

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

Eye Dropper

Palette for Chrome

این اکستنشن پلات های رنگی یک تصویر را نمایش می دهد و در اختیار کاربر می گذارد.

Palette for Chrome

Image Downloader

تمام تصاویر موجود در صفحه وب سایت را نمایش می دهدو به شما قابلیت می دهد تصاویر را دانلود نمایید

Image Downloader

TinEye Reverse Image Search

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

TinEye Reverse Image Search

ruul. Screen Ruler

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

ruul. Screen Ruler

Tape

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

Tape

WhatFont

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

WhatFont

Screen Capture

یک ناحیه از سایت و یا یک تب را به صورت یک تصویر png برای شما ذخیره می نماید. همچنین قبل از ذخیره سازی تصویر می توانید تصویر مورد نظر را ویرایش نمایید.

Screen Capture

Stylebot

Stylebot به شما امکان می دهد ظاهر هر وب سایتی را تغییر دهید. می توانید المان را انتخاب نمایید و تغییرات لازم را در المان انجام دهید. می توانید سایز فونت را تغییر دهید, رنگ ها, مارجین, نمایش و غیره. همچنین کاربران حرفه ای تر می توانند به صورت دستی کد css بنویسند.

Stylebot

Pixlr Editor

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

Pixlr Editor

IE Tab

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

IE Tab

Resolution Test

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

Resolution Test

Web Developer

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

Web Developer

QrURL

هر آدرس سایت را می توانید به کد QR تبدیل نمایید و در هر محیط فیزیکی که خواستید می توانید استفاده نمایید.

QrURL

Pendule

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

Pendule

HTML Validator

این ابزار کد html صفحه ای از سایت که در آن هستید را اعتبارسنجی می نماید. همچنین می توانید تصمیم بگیرید نتایج را در یک پنجره مشاهده نمایید و یا به صفحه نتایج W3C بروید.

HTML Validator

Check My Links

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

Check My Links

BuiltWith Technology Profiler

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

BuiltWith Technology Profiler

Quickrr Productivity Kit

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

Quickrr Productivity Kit

AppJump App Launcher and Organizer

ابزاری برای دسترسی آسان به برنامه ها از طریق تولبار صفحه.

AppJump App Launcher and Organizer

Save my Tabs

توسط این اکستنش می توانید کلیه تب های مرورگر را به علاقه مندی خود اضافه نمایید

Save my Tabs

Alexa Traffic Rank

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

Alexa Traffic Rank

SEO for Chrome

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

SEO for Chrome

WordPress Stats

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

WordPress Stats

Domain Availability Checker

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

Domain Availability Checker

Theme Sniffer

قالب جوملا و وردپرس سایت را که در حالت رویت آن هستید به شما اعلام می نماید.

Theme Sniffer

Forget Me

همه چیز را در مورد یک سایت پاک می نماید - انگار که سایت مورد نظر توسط کامپیوتر شما تا کنون مشاهده نشده.

Forget Me

 منبع:

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/722-اکستنشن-های-گوگل-کروم-برای-طراحان-و-برنامه-نویسان-وب-سایت.html

 

 

 


شنبه 92 دی 21 , ساعت 2:18 عصر

 

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

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

OOcharts

یک تولکیت برای ایجاد ابزار داشبورد گوگل آنالیتیک شما.

remarkable-freebies-and-tools-01

 

شکلک های تک دایوی

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

remarkable-freebies-and-tools-02

 

آیکون های طرح مترو

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

remarkable-freebies-and-tools-03

 

آیکون های مناطق

12 آیکون از مناطق بسیار مهم

remarkable-freebies-and-tools-04

 

Sabado type family

فونت بسیار جالب که تفاوت های کوچکی دارد.

remarkable-freebies-and-tools-05

 

جداول قیمت

جدول قیمت های بسیار زیبا در فرمت psd.

remarkable-freebies-and-tools-06

 

آیکون های آثار تاریخی

250 آیکون ست از آثار تاریخی سراسر دنیا

remarkable-freebies-and-tools-07

 

Relax widgets

فایل های psd از استایل ویدگت ها.

remarkable-freebies-and-tools-08

 

منبع:

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/723-50-ابزار-عالی-برای-طراحان-وب‎.html

 

 


چهارشنبه 92 دی 18 , ساعت 11:30 صبح

10 منبع برای آنکه در زمینه طراحی وب فعال تر باشید

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

3 مورد از فروم ها برای طراحان و برنامه نویسان وب

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

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

  • Forrst. این فروم یک انجمن سنتی و قدیمی نمی باشد, در این انجمن کاربران متخصص بسیاری عضو هستند. تمرکز اصلی برای روی طراحی (که به دسته بندی های مختلفی تقسیم شده) و مرور کد است, و بحث در مورد موضوعات روز می باشد.
  • Stack Overflow. این فروم بسیار جالب می باشد زیرا به خوانندگان این امکان را می دهد در بحث شرکت نمایند بدون آنکه نیاز باشد به سوالی پاسخ دهند و یا سوالی را مطرح نمایید. کاربران می توانند به بهترین پاسخ ارائه شده رتبه دهند, پس بنابراین زمانی که شما در حال رویت پاسخ های سوالات می باشید بهترین پاسخ به عنوان اولین نتیجه نمایش داده می شود. هر کس می تواند سوال بپرسد, هر کس هم می تواند پاسخ دهد, و هر کسی می تواند رای دهد. نیاز به عضویت در سایت نیست, که این قابلیت در انجمن های معمولی موجود نیست.
  • Web Developer. یکی از معروفترین انجمن ها (که در موتورهای جستجو به عنوان اولین نتایج می باشد) و دارای اطلاعات بسیاری می باشد. قبل از ارسال می بایست در سایت ثبت نام نمایید, و می توانید مطمئن باشید سوالات و پاسخ های شما در این فروم بسیار دیده می شود.

3 شخصیت برتر توسعه دهنده وب در شبکه های اجتماعی و چرا می بایست آن ها را دنبال نماییم

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

  • John Resig. John Resig خالق jquery می باشد, یک برنامه نویسی جاوا اسکریپت, و مولف, و او این تکنولوژی ها را کامل می شناسد. توئیتر او مکان بسیار مناسبی برای دنبال کردن می باشد زیرا مطالب مفیدی را توئیت می نماید. موردی که بسیار جالب می باشد آن است که سوال و جواب هایی رو در شبکه اجتماعی مطرح می نماید تا سایر کاربران بتوانند در بحث شرکت کنند.
  • Gina Trapani. با وجود اینکه این متخصص در حدود 300000 دنبال کننده در توئیتر دارد, مطالب بسیاری را دائما در شبکه های اجتماعی ارسال می نماید. ایشان شخص بسیار تاثیر گذاری در این صنعت می باشند.
  • Eric A. Meyer. من ایشان را دوست دارم زیرا به کلیه سوالات مطرح شده در زمینه html و css پاسخ می دهد و در بحث ها شرکت می نماید. ممکن است که یکی از تاثیر گذارترین افراد نباشد , اما این شخص تسلط بسیاری به این شغل دارد. و این شخص اطلاعات علمی بسیاری دارد, با 22000 توئیت انجام شده می توانیم اعلام نماییم یکی از فعال ترین متخصصان است.

3 مورد از بهترین بلاگ های طراحی و توسعه وب سایت

در زیر به شما 3 مورد از بهترین بلاگ های طراحی و برنامه نویسی وب سایت را معرفی می نمایید که در این سایت ها می توانید مطالب بسیار مفیدی و آخرین تکنیک های روز دنیا را مطالعه نمایید:

  • Smashing Magazine. یکی از محبوب ترین های من و همچنین پر بازدید ترین بلاگ های آموزشی. این بلاگ به صورتی طراحی شده که طراحان و برنامه نویسان به راحتی می توانند مطالب مورد نظر خود را مطالعه نمایند.
  • Scott Hanselman. این بلاگ دارای مطالب بسیار مفیدی می باشد. این شخص تجربیات واقعی خود را در زمینه طراحی و برنامه نویسی وب سایت با شما اشتراک می گذارد.
  • OXP (One Xtra Pixel). این بلاگ مطالب خود را با کمی طنز ارائه می نماید. و موضوعات آن از موارد پایه تا موارد فنی تر می باشد, اما همیشه در مطالب خود از گرافیک های طنز استفاده می نماید.

بلاگ خبری توسعه دهندگان وب

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

  • CSS Drive. این سایت به مانند یک سایت خبری طراحی شده, بنابراین مطالب بسیاری را در مرحله اول مشاهده می نمایید. این سایت ساختار بسیار مناسبی دارد و بنابراین به راحتی می توانید موضوعات مورد نظر خود را بیابید و مطالعه نمایید.

 منبع:

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/808-web-design-resource.html

 

 


   1   2      >

لیست کل یادداشت های این وبلاگ