مدیر سایت

مدیر سایت

 

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


 

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

 

پس از نصب افزونه در کروم ، معمولا یک آیکون کوچک برای آنها در کنار فیلد url ظاهر می شود. در این مقاله با برخی از افزونه های گوگل کوروم آشنا می شوید.

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

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

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

با توجه به نیازهای شما و انتخاب افزونه ها، می توانید به راحتی یک محیط کار شخصی ایجاد کنید که به میزان قابل توجهی می تواند کار شما را بهبود ببخشد.

چند برنامه گوگل کروم که برای شما انتخاب کرده ایم ، به دسته بندی های زیر طبقه بندی می شوند:

افزونه های مفید گوگل کروم

نمایش زمین از google earth

این افزونه یک تصویر ماهواره ای جذاب را از  google earth  هر بار که برگه جدیدی باز می کنید، می گیرد. شما می توانید عکس ها را به عنوان تصویر زمینه ذخیره کنید و یا آنها را در گوگل مپ مشاهده کنید و یا آن را در رسانه های اجتماعی به اشتراک بگذارید.

 

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

MagiCSS

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

CSS Dig

CSS DIG گروه ها، سبک ها و بلوک سبک ها را در اکثروب سایت ها پیدا می کند. این کار راه حل آسان برای تجزیه و تحلیل کد و برنامه ریزی مجدد در وب سایت ها است.

CSSViewer

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

CSS-Shack

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

CSS3 generator

همانطور که از نام آن پیدا است، تمام کد های مورد نیاز css  را تولید می کند.

CSS Shapes Editor

 یک اکستنشن برای ویرایش مقادیر css shape  است.

اکستنشن های ویرایشگر

WordPress Style Editor

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

PageEdit

این ابزار گوگل کروم را به WYSIWYG  ویرایشگر html  تغییر خواهد داد که به شما این امکان را می دهد تا صفحات خود را ویرایش کنید.

افزونه های عملکرد و معتبر سازی

Perfmap

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

اعتبار (validity)

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

Visual Inspector

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

فهرست برنامه نویسان وب

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

Bootlint This Page

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

پلاگین های اندازه گیری

ابعاد

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

افزونه های رنگ بندی

Color zilla

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

تستر طراحی وب سایت ریسپانسیو

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

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

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

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

Loom

 اجازه می دهد تا کاربران به صورت مستقیم فیلم ها را از روی مرورگر نصب کنند. لونوم ذخیره سازی نامحدود از فایل های ویدئویی را ارائه می دهد. با نوشتن یک کد Html اجازه می دهد که آن ویدئو در همه جا به اشتراک گذاشته شود. فیلم ها نیز می توانند دانلود شوند. ویدئوهای Loom همچنین می توانند در یک ساختار پوشه جالب، ذخیره شوند و مطمئن باشید که پروژه ها و ویدئو های شما به خوبی سازماندهی می شوند.

Lorem Ipsum Generator

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

Stylebot

 یک ابزار دستی برای طراحان وب، به ویژه کسانی که فقط با استفاده از اسکریپت شروع به کار می کنند، این ابزار به کاربران اجازه می دهند تا عناصر css موجود در وب سایت خود را مشاهده و دستکاری کنند. همچنین به کاربرانی که می خواهند از Css  استفاده کنند بسیار کمک می کند.

Viewport Dimensions

ابزاری دیگر که برای اسکریپت های  css مناسب هستند. Viewport Dimensions یک افزونه ظریف و مفید است که ابعاد مرورگر را در پائین پنجره مرورگر نشان می دهد.

هنگام تعویض پنجره مرورگر ، Viewport به طور اتوماتیک ابعاد اندازه صفحه نمایش را نشان می دهد.

Clear Cache

یکی از مهمترین افزونه ها، clear cash است که به کاربران اجازه می دهد در کمتر از چند ثانیه حافظه پنهان مرورگر خود را پاک کنند. زمانی که میلیون ها گام را می روید و حافظه پنهان پر از اطلاعات می شود برای توسعه دهی و حذف داده های قدیمی از حافظه پنهان، از این افزونه استفاده می کنیم.

LastPass

 last pass  در حال حاضر، یک شرکت مورد علاقه در میان بسیاری از کاربران است که اجازه می دهد تا از حساب های مختلف پیگیری شود. همچنین این افزونه برای کسانی که مدیریت حساب های مختلف را از طرف مشتریان متعدد دارند و یا کاربرانی که رمز های عبور خود را فراموش می کنند ، مفید می باشد.

Awesome Screenshot

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

Marmoset

این ابزار یک ابزار کمی سرگرم کننده برای ایجاد تصاویر 3d از شما است. هنگامی که یک تصویر را شبیه سازی می کنید.  هنگامی که یک تصویر را شبیه سازی می کنید، چرخش در مقیاس 3d باعث می شود که آن جالب تر از زمان عادی باشد. این ابزار همچنین در زمان استفاده از تصاویر مبتنی بر کد نیز مفید هستند.

Wappalyzer

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

IE Tab

در فوریه سال 2018 ، بیش از 13 درصد از کاربران دسکتاپ هنوز هم از اینترنت اکسپلورر استفاده می کنند. و این بسیار خجالت آور است زیرا اینترنت اکسپلورر با بسیاری از استانداردهای مدرن امروزی متناقض است. به همین دلیل است که شما نیاز به این ابزار دارید. IE TAB در واقع یک شبیه ساز IE  است که  IE  را در یک تب جدید شبیه سازی می کند و به شما اجازه می دهد تا وب سایت خود را در نسخه های مختلف مانند IE6، IE7، IE8، IE9 شبیه سازی کنید. این بسیار مهم است که شما بتوانید وب سایت خود را با تمام نسخه ها و مرورگر ها سازگار کنید، صرف نظر از این که وب سایتتان چقدر عمر دارد.

Click&Clean

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

WhatFont

این ابزار سریعترین راه برای شناسایی فونت ها در وب سایت است. بر روی عناصر راست کلیک کرده سپس گزینه inspect element  را انتخاب می کنید، سپس آنچه می خواهید را پیدا می کنید. به وسیله این ابزار نه تنها می توانید ببینید که چه فونتی استفاده می کنید بلکه می توانید کاربرد آن را هم ببینید.

ColorPick Eyedropper

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

Lorem Ipsum Generator

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

Check My Links

 

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


 

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

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

Eye Dropper

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

Palette for Chrome

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

Image Downloader

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

TinEye Reverse Image Search

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

ruul. Screen Ruler

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

Tape

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

WhatFont

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

Screen Capture

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

Stylebot

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

Pixlr Editor

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

IE Tab

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

Resolution Test

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

Web Developer

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

QrURL

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

Pendule

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

HTML Validator

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

Check My Links

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

BuiltWith Technology Profiler

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

Quickrr Productivity Kit

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

AppJump App Launcher and Organizer

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

Save my Tabs

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

Alexa Traffic Rank

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

SEO for Chrome

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

WordPress Stats

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

Domain Availability Checker

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

Theme Sniffer

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

Forget Me

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

 

 

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


  

چگونه یک نقشه گوگل (google maps) سفارشی ایجاد کنیم؟

سه راه اصلی برای ایجاد یک نقشه گوگل سفارشی با استفاده از google map وجود دارد: 

1. با استفاده از ویژگی های my map ، در وب سایت گوگل مپ ، یک نقشه ایجاد کنید.

2. از نرم افزارهای نقشه برداری می توانید استفاده کنید. این نرم افزارهای از Google Maps API  استفاده می کنند.

3. برنامه خود را با استفاده از Google Maps API ایجاد کنید.

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

مرحله 1 . چگونه یک نقشه وب سایت در گوگل مپ (google maps)، ایجاد کنیم؟

نقشه های گوگل (google maps) به شما اجازه می دهند که نقشه های سفارشی را با استفاده از مراحل زیر ایجاد کنید. این دستورالعمل نشان می دهد که چگونه می توانید نشانه گر ها را به صورت دستی ایجاد کنید. با این کار می توانید آنها را با آپلود یک صفحه گسترده به یک گروه اضافه کنید. این روش دارای مزیت های آسان و رایگان است. اما در تعداد نشانگر هایی که می توانید اضافه کنید و ویژگی هایی که در دسترس است محدود است. 

1.به سایت google maps  بروید.

2.روی آیکون منو در گوشه سمت چپ بالا کلیک کنید.

3.بر روی گزینه "مکان شما" کلیک کنید.

4.بر روی تب "maps" کلیک کنید.

5.بر روی دکمه "great map" کلیک کنید.

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

7.مکانی را که می خواهید به نشانه گر اضافه کنید، پیدا کنید و بر روی آن کلیک کنید. 

8.در اینجا یک جعبه می آید  که شما می توانید نام و ویژگی های دیگر را به نشانگر اضافه کنید.

9.تمام مراحل قبل را در هر زمانی که لازم داشتید مجددا انجام دهید.

مرحله 2 : نحوه ایجاد نقشه با استفاده از" google maps API"

Google maps API  به شما این امکان را می دهد که یک نقشه کاملا سفارشی ایجاد کنید. این دقیقا همان کاری است که باید انجام دهید.  برای ایجاد یک نقشه اولیه و اصلی باید مهارت برنامه نویسی داشته باشید. این روش دارای مزایای انعطاف پذیری بیشتری است و از محدودیت هایی که گوگل وضع کرده است آزاد می باشد. از نواقص این روش این است که ساختن تمام ویژگی هایی که می خواهید کمی وقت گیر و پیچیده است. 

بهترین روش برای ایجاد یک نقشه سفارشی گوگل چیست؟

بهترین روش برای ساختن یک روش سفارشی  برای سایت شما، بستگی به نیازهای شما دارد. اگر شما فقط نیاز به یک نقشه با قابلیت های محدود دارید،  می توانید از google maps استفاده کنید. و یا اگر شما نیاز به یک نقشه با سرعت بالا و سفارشی دارید، می توانید از نرم افزارهای سفارشی استفاده کنید. با این حال اگر شرکت شما نمی تواند از نرم افزارهای سفارشی استفاده کند و یا بودجه بندی محدود دارید، می توانید از google maps API  استفاده کنید.

با استفاده از ابزارهای سفارشی سازی در چند دقیقه نقشه سایت را سفارشی سازی کنید

شما می توانید با استفاده از google map builder  نقشه سایت خود را سفارشی سازی کنید.  google map builder   ابزاری است که توسط توسعه دهنگان اسکاتلندی، تولید شد و به شما این امکان را می دهد تا بتوانید نقشه گوگل را سفارشی سازی کنید. این ابزار شامل ویژگی هایی است که به شما کمک می کند تا کنترل ها ، مقیاس ها، نمایش ها و نشانگرها نقشه را اضافه کنید و یا تغییر دهید یا آن را ویرایش کنید.

کلید های مورد نیاز برای google API

تنها نیاز این است که شما احتیاج دارید که یک کلید google API اضافه کنید که به کد اسکریپت جاسازی شده وارد شود. اگر هنوز کلید API  را ندارید، شما باید آن را دریافت کنید.

نسخه نمایشی از سفارشی سازی نقشه گوگل

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

با استفاده از API  جاوااسکریپت گوگل مپ سفارشی را به وب سایت خود اضافه کنید

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

اما اگر بخواهید که سفارشی سازی کمی داشته باشید، چطور؟ در زیر نحوه اضافه کردن نقشه به صورت سفارشی را با استفاده از API google maps گفته شده است. 

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

خب، بیایید شروع کنیم:

فکر می کنیم که شما از یک فایل html  ویا php  استفاده می کنید. ابتدا یک عنصر div در آن فایل ایجاد می کنیم و به آن یک شناسه مانند "نقشه" می دهیم. 

در فایل css  می توانید مشخصات آن را تعریف کنید برای مثال می توانید به آن ارتفاع دهید. 

اسناد گوگل مپ API همچنین پیشنهاد می دهد که برای آن یک بدنه و html بسازید برای اینکه مطمئن شوید که هر div که برای آن می سازید دارای ابعاد است. شما ممکن است که نیاز نداشته باشید یا لازم نباشد که آن را با توجه به سبک وب سایت خود انجام دهید ولی بهتر است که این کار را انجام دهید. 

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

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

برای این اهداف، ما کد سفارشی گوگل مپ را در یک فایل جاوااسکریپت جداگانه، قرار می دهیم. فقط در بالای اسکریپت نقشه API گوگل، در فایل HTML خود یک پیوند به فایل جاوا اسکریپت خود را اضافه کنید. مطمئن شوید که مقدار اسکریپت های صفات را به درستی در جای خود قرار دهید. 

نحوه اضافه کردن یک نقشه گوگل به وب سایت

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

نقشه های گوگل

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

اضافه کردن نقشه با و بدون API 

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

جاسازی نقشه های گوگل در وب سایت شما

افزودن نقشه در وب سایت شما آسان است و نیاز به مهارت خاص ندارد.  تنها چیزی که لازم دارید یک کد جاوا اسکریپت است. مرحله بعدی این است که آن را در صفحه " تماس با  ما" از وب سایت خود جاسازی کنید و با آن نقشه گوگل را در وب سایت خود یکپارچه کنید. مشتریان هم اکنون می توانند از سرویس های گوگل مپ در وب سایت شما استفاده کنند. در حال حاضر بیش از 400000 وب سایت از نقشه های گوگل استفاده می کنند.

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

کارهایی که نقشه ها می توانند انجام دهند

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

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

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

تولید و یکپارچه سازی کد جاوا اسکریپت

آخرین نوآوری در گوگل مپ ابزار"trafic" است. ترافیک در زمان واقعی با رنگ سبز و در زمان های شلوغ با رنگ قرمز نشان می دهد. اگر در مسیرهای پر از ترافیک قراردارید، گوگل مپ مسیر خلوت دیگری را نشان می دهد. همچنین برای حمل و نقل عمومی این سرویس فوق العاده است.  گوگل مپ نه تنها، نزدیک ترین ایستگاه های اتوبوس و مترو را نشان می دهد بلکه زمان دقیق ورود و خروج را نیز نشان می دهد.

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

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

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

بر روی نقشه ضربه بزنید

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

1.به وب سایت نقشه های گوگل بروید.

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

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

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

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

موقعیت چندین نقشه

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

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

1.به سایت گوگل بروید.

2.گزینه "ایجاد نقشه جدید" را انتخاب کنید.

3.مکان خود را بر روی نقشه اضافه کنید.  یک کلمه کلیدی را در کارد جستجو وارد کنید.  پین  را بر روی نمایش جزئیات قرار دهید. سپس افزودن به نقشه را انتخاب کنید. سپس آیتم را از لیست سمت چپ برای ویرایش انتخاب کنید و یا کلا آن را حذف کنید.

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

در صورت تمایل می توانید یک خط یا شکل و یا مسیر را اضافه کنید. نقشه را نمایش دهید تا مسیرهای دوچرخه سواری و یا رانندگی نشان داده شود.

4.اشتراک گذاری را انتخاب کنید.  عنوان و توضیح نقشه را اضافه کنید. سپس ذخیره نقشه را بزنید.  پس از آن شما می توانید دسترسی به گزینه های اشتراک گذاری استاندارد های گوگل را داشته باشید.  اگر قصد دارید آن را در وب سایت خود به اشتراک بگذارید، نقشه را به صورت عمودی باز کنید. منو را در سمت راست به اشتراک بگذارید. سپس برای  ایجاد کدهای HTML آن را در سایت خود انتخاب کنید.

نقشه های سفارشی می توانند باعث جذب گردشگران، فروشندگان و غیره شوند.

Maps Engine Lite

Maps Engine Lite به شما امکان می دهد نقشه دلخواه خود را در گوگل طراحی نموده و را در سایت خود استفاده نمایید. شما برای این ابزار می بایست در وارد گوگل شوید.

 

پس از وارد شدن به این سیستم بر روی کلید new map کلیک نمایید.

 

سپس آدرس خود را در بخش search وارد نمایید تا نقشه آدرس درخواستی شما را نمایش دهد.

 

بر روی نقشه مکان خود را مشخص نمایید و در پاپ آپ اطلاعات خود را وارد نمایید.

 

شما می توانید به نقشه یک layer جدید اضافه نمایید و در آن اطلاعات خود را وارد نمایید.

 

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

 

همچنین در نقشه جدید گوکل این امکان را به شما می دهد که قالب دلخواه خود را مشخص نمایید.

 

 


به اشتراک گذاری نقشه

پس از آنکه نقشه را مطابق با خواست خود طراحی نمودید می بایست بر روی کلید share کلید نمایید و حالت نمایش آن را از “Private”به“Public” تغییر دهید زیرا برای نمایش در سایت می بایست دسترسی نقشه Public باشد.

 

سپس بر روی فلدر کلیک نمایید و سپس “Embed on my site” را کلیک نمایید.

 

گوگل به شما یک آیفرم ارائه خواهد داد که نمایش نقشه شماست. و می توانید آن را در سایت خود استفاده نمایید.

 
<iframe src="http://mapsengine.google.com/map/embed?mid=z-BEFzFo7gdM.kYdiUKVQpQQI" width="640" height="480"></iframe>

نمایش نقشه در تمامی مرورگرها

برای آنکه نقشه شما در تمامی مرورگرها و حتی موبایل به خوبی نمایش داده شود، نقشه را در دایو ایجاد نمایید

 
<div class="fluid-wrapper">
<iframe src="http://mapsengine.google.com/map/embed?mid=z-BEFzFo7gdM.kYdiUKVQpQQI" width="640" height="480"></iframe>
</div>

و کد css زیرا را به دایو خود اختصاص دهید.

 
.fluid-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        border: none;
}

 

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

نوشتن مقاله مفید

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

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

لیست کلمات کلیدی مقاله خود را استخراج نمایید

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

نوشتن مقاله

  • مقاله را از نظر گرامری و جمله ای بررسی نمایید تا درست باشد
  • عنوان مناسب برای کلمه کلیدی خود انتخاب نمایید
  • مقاله خود را بخش بندی نمایید و هر بخش را از تگ های h2 و h3 بخش بندی نمایید
  • اولین پاراگراف مقاله بسیار مهم می باشد کلمات کلیدی خود را در اولین جمله های مقاله خود ایجاد نمایید
  • در استفاده از کلمات کلیدی زیاده روی ننمایید. مقاله شما می بایست طبیعی به نظر آید. حداکثر استفاده از کلمه کلیدی در مقاله بین 1-3 درصد می باشد
  • کلمات کلیدی را در عنوان و زیر عنوان ها حتما استفاده نمایید
  • کلمات کلیدی را به صورت برجسته کار نمایید تا از سایر متون متمایز باشند

در مقاله لینک ایجاد نمایید

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

ایجاد لینک به مقاله

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

سه شنبه, 26 شهریور 1392 11:18

ایجاد تقویم فارسی در فرم توسط jquery

جهت ایجاد انتخاب کننده تاریخ فارسی از تقویم در فرم می توانید از این پلاگین jquery استفاده نمایید. استفاده از این پلاگیت بسیار ساده است و کافی است کدهای زیرا را در بالای فرم خود کپی نموده و فایل های مورد نظر را بر روی سرور خود بارگذاری نمایید:

<link type="text/css" href="styles/jquery-ui-1.8.14.css" rel="stylesheet" />
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.core.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc.js"></script>
<script type="text/javascript" src="scripts/calendar.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc-ar.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc-fa.js"></script>

فایل های مورد نظر را می توانید از سورس این مقاله در انتهای مقاله دانلود نمایید:

http://hasheminezhad.com/datepicker

پس از انجام این کار کافی است کد زیر را در بالای فرم خود کپی نمایید.

<script type="text/javascript">
$(function() {
$('#datepicker0').datepicker();
});
</script>

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

برای توضیحات بیشتر به آدرس سورس این مقاله "انتخاب تاریخ شمسی توسط DatePicker در jQuery" مراجعه نمایید.

طراحی مجدد وب سایت بر رنکینگ سایت شما در موتورهای جستجو تاثیر منفی می گذارد به طوری که دیده شده شرکت پس از طراحی مجدد سایت خود در حدود 60-70% از کاربرانی که از طریق موتورهای جستجو سایت را پیدا می نمودند را از دست می دهند. در این مقاله سعی نموده ام راه هایی را برای شما بیان نمایم که اثر منفی طراحی مجدد سایت را بر موتورهای جستجو به حداقل برساند.

در اینجا 9 روش برای طراحی مجدد سئو سایت بیان می نمایم

1. بررسی و شناخت کامل سایت
زمانی که سایت خود را طراحی مجدد می نمایید، آدرس دهی صفحات ممکن است تغییر یابد. زمانی که آدرس دهی صفحات عوض شود، می بایست به موتورهای جستجو اطلاع دهید صفحات جدید به چه آدرسی منتقل شده اند. در صورتی که این کار را انجام ندهید، ممکن است رنک سایت خود را از دست بدهید. تمامی رنکینگی که توسط صفحات قبلی شما بدست آمده بود ممکن است از بین برود. و زمانی که این اتفاق بیفتد، رنک سایت شما از بین می رود، ترافیکی که از نتیجه های جستجو به سایت شما منتهی می شود را از دست خواهید داد، فروش خود را از دست خواهید داد و شرکت شما دچار درآمد خود را از اینترنت از دست خواهد داد. بنابراین همانطور که ملاحظه می نمایید دانستن تمام صفحات سایت شما مهم است.
خبر خوب آن است که راه هایی برای آن که آدرس صفحات سایت خود را بیابید وجود دارد. می توانید در سایت http://www.google.com/webmasters/tools صفحات ایندکس شده خود را در گوگل بررسی نمایید.
* نکته مهم: صفحات داخل ساب دامنه های سایت خود را فراموش ننمایید. زیرا رنک این صفحات نیز به مانند سایت اصلی مهم می باشند

2. لینک از سایت های دیگر به سایت خود را کنترل نمایید
لینک از سایت های دیگر به سایت شما نقش بسیار مهمی در سئو سایت دارند. و در صورتی که آدرس یک صفحه را تغییر دهید اثر رنکی که لینک آن سایت به سایت شما می دهد را از دست خواهید داد. بهتر است قبل از هر کاری لینک های داده شده به سایت خود را در سایت های دیگر بیابید. سپس لینک های قبلی را توسط انتقال صفحه 301 به صفحه جدید منتقل نمایید.
یافتن لینک سایت خود در سایت های دیگر را می توانید از طریق http://www.opensiteexplorer.org/ ، http://www.majesticseo.com/ و همچنین ابزار http://www.google.com/webmasters/tools انجام دهید.

3. انتقال صفحه 301
این مورد ستون طراحی مجدد سایت سئو شما می باشد. اگر چیزی را در مرحله طراحی مجدد سایت می بایست انجام دهید آن این مورد است. بطوری که قبلا توضیح داده شده، می بایست مطمئن شوید تمامی صفحات قدیمی سایت شما با انتقال 301 به نسخه جدید خود منتقل شده اند. 301 رنک صفحه قبلی را به صفحه جدید منتقل می نماید، و به شما این امکان را می دهد که رنک قبلی خود را از دست ندهید. در صورتی که این مرحله را به خوبی انجام ندهید، عملیات طراحی سایت مجدد سئو شما با موفقیت انجام نخواهد گردید و رنک سایت خود را از دست خواهید داد.
در صورتی که قصد دارید این کار را انجام دهید طراح شما می بایست با .htaccess, mod_rewrite, و ISAPI_Rewrite آشنایی کامل داشته باشد. می بایست بداند چگونه در آنها از 301 استفاده نماید.
نکته: در صورتی که آدرس دهی صفحات شما در طراحی مجدد تغییری ننماید لازم نیست از 301 استفاده نمایید

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

5. بررسی گزارش های سایت
قبل از طراحی سایت مجدد می بایست صفحات فعلی سایت خود را بررسی نمایید و ببینید این صفحات چه بازدیدی دارند. مهترین صفحات خود را بشناسید و از آنها در طراحی مجدد سایت خود استفاده نمایید. می توانید مهمترین صفحات خود را با بالاترین اثر در موتورهای جستجو در http://www.google.com/webmasters/tools بررسی نمایید.

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

7. حساب کاربری مدیران سایت گوگل باز نمایید
شما می بایست در سایت http://www.google.com/webmasters/tools عضو شده و سایت خود را ثبت نمایید. این سایت پس از ثبت سایت و گذشت مدت زمانی اطلاعات جالبی را در مورد سایت در اختیار شما قرار می دهد. پیشنهاد می نمایم این کار را حتما قبل از طراحی مجدد سایت انجام دهید و با تمامی منوهای آن آشنا شوید. توسط این سایت می توانید خطاهای مربوط به صفحات سایت خود را مشاهده نمایید و آن ها را رفع عیب نمایید. این سایت همچنین دارای ابزارهای است که به گوگل اطلاع دهید سایت شما تغییر نموده است و سایت شما را مجددا ایندکس نماید. همچنین می توانید تغییر آدرس های خود را به گوگل اطلاع دهید.

8. از سیستم های مدیریت محتوا استفاده نمایید
سیستم های مدیریت محتوا این امکان را به شما می دهند که سایت خود را به طور مدارم به روز رسانی نماید و همچنین اشتباهات معمول سئو موجود در سایت ها معمولا در این سیستم های مدیریت محتوا برطرف شده و می توانید به راحتی بر توسعه سایت تمرکز نمایید. این سیستم های مدیریت محتوا همچنین معمولا آموزش انتقال از سایت قبلی را به مدیریت محتوای جدید دارند و با انجام آن موارد می توانید مطمئن شوید که سایت شما از نظر سئو دچار مشکل نمی شود. اینجانب که به عنوان طراحی سایت های اینترنتی از سایت 1381 تا کنون مشغول به فعالیت هستم از این این سیستم های مدیریت محتوا جوملا و وردپرس را توصیه می نماییم. زیرا این سیستم ها ابزارهای بسیاری جهت انتقال دارند.

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

یکشنبه, 24 شهریور 1392 15:48

تبدیل وبلاگ به وب سایت

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

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

پس از انتخاب نام دامنه و اختصاص هاستینگ می بایست قالب مورد نظر سایت خود را از سایت قالب های وب سایت http://templatemonster.com/ انتخاب نمایید. در این سایت طراحان وب قالب های طراحی شده توسط خود را جهت فروش قرار می دهند. کیفیت این قالب ها بسیار بالاست و معمولا به صورت فلت و سازگار با موبایل طراحی شده اند. شماره قالب دلخواه خود را ثبت نموده و به دارکوب اطلاع دهید.

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

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

هزینه تبدیل وب سایت به وبلاگ 500 هزار تومان خواهد بود که 50% آن می بایست در ابتدای پروژه و 50% آن می بایست در انتهای پروژه پرداخت گردد و همچنین کل پروژه در 7 روز کاری پیاده سازی خواهد گردید.

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

* در این نوع طراحی سایت مسئولیت درج اطلاعات به عهده کارفرما خواهد بود، به این صورت که به کارفرما آموزش داده می شود که چگونه اطلاعات سایت را بارگذاری نماید. در صورتی که کارفرما بخواهد درج اطلاعات را دارکوب به عهده گیرد هزینه درج اطلاعات جداگانه دریافت می گردد که هزینه درج اطلاعات بین 100 الی 300 هزار تومان خواهد بود.

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

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

یکشنبه, 24 شهریور 1392 14:06

طراحی سیستم کش توسط php

در صورتی که می خواهید سرعت سایت خود را بالا ببرید و همچنین میزان بار استفاده شده بر روی سرور را کمک نمایید می توانید از php برای کش کردن صفحات سایت کمک بگیرید. کش کردن به آن معنی است که یک نسخه از صفحه مورد نظر بر روی سرور ذخیره می گردد و در درخواست کاربر بعدی به جای اجرا شدن صفحه مورد نظر فایل کش ذخیره شدن در سایت به کاربر نمایش داده می شود. شما همچنین می توانید در برنامه نویسی کش سایت خود زمان مشخص نمایید به عنوان مثال مشخص نمایید هر 15 کش جدید در سایت نوشته شود. مدت زمان کشی که تعیین می نمایید بسته به وضعیت سایت شما می باشد. در صورتی که سایت شما دائما در حال تغییر است کش را باید بسیار کم و در حد 1 دقیقه ست نمایید و در صورتی که سایت شما تغییرات خاصی ندارد می توانید کش حتی 1 ماهه ست نمایید. استفاده از سیستم کش باعث می شود بار بر روی به میزان قابل توجهی کاهش یابد زیرا دیگر لازم نیست برنامه php اجرا گردد و صفحه برای کاربر ارسال گردد. صفحه مورد نظر به مانند یک صفحه html لود می گردد.
برای ایجاد سیستم کش در فایل php خود کافی است کد زیر نظر را در بالای فایل php خود کپی نمایید:


<?php
$cachefile = "images/cache.html";

$cachetime = 15 * 60; // 5 minutes

// Serve from the cache if it is younger than $cachetime

if (file_exists($cachefile) && (time() - $cachetime
< filemtime($cachefile)))
{

include($cachefile);

echo "<!-- Cached ".date('jS F Y H:i', filemtime($cachefile))."
-->n";

exit;

}

ob_start(); // start the output buffer
?>


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

<?php
// open the cache file for writing
$fp = fopen($cachefile, 'w');

// save the contents of output buffer to the file
fwrite($fp, ob_get_contents());

// close the file

fclose($fp);

// Send the output to the browser
ob_end_flush();
?>


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

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

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

در این بخش روش پیدا کردن نام و کلمات مرتبط به محصولات و خدمات شرکت شما را برایتان بیان می نمایم

به سایت http://www.google.com/trends/ مراجعه نموده و عنوانی را که قصد دارید توسط آن در گوگل جستجو شوید و همچنین عنوان خدمات و محصولات خود را وارد نمایید. این سایت لیست مهترین کلمات مرتبط را به شما خواهد داد.

هم اکنون با تلفیق این کلمات می توانید جمله ای را ایجاد نمایید که گویای کار شما باشد. سعی نمایید یک کلمه را دوبار در جمله استفاده ننمایید، از مترادف ها در ساخت عنوان سایت کمک بگیرید و حتما نام برند خود را در عنوان سایت اضافه نمایید. تعداد کلمات شما در عنوان 4 تا 11 کلمه باشد و مهمترین کلمات را در عنوان حتما استفاده نمایید. برای طراحی عنوان خود حتما به کاربر نیز توجه نمایید. از کلماتی که باعث جذب کاربر می شود نیز استفاده نماید، زیرا این کلمات باعث بالا رفتن تعداد کلیک کاربران بر روی عنوان سایت شما در نتیجه های جستجو خواهد گردید و کلیک بیشتر باعث ارتقاء شما در نتیجه جستجوی موتورهای جستجو خواهد گردید.

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

مرورگرهای وب
مرورگرهای وب طوری طراحی می گردند که برای استاندارهای w3c سازگاری کامل داشته باشند. حتی در صورتی که از آخرین نسخه html پشتیبانی ننماید، مرورگر وب سایت را با استاندارهای قدیمی تر بررسی می نماید. مشکلات بسیار در مورد عدم استاندارد سازی کد نویسی صفحه برای طراحان وب به وجود آمد و باعث شد نمایش سایت در سایر مرورگرها و همچنین مرورگرهای جدید درست نباشد.
دسترسی کاربران شما
شما نمی دانید کاربر شما به چه مرورگری سایت شما را بررسی می نماید و در صورتی که سایت خود را با توجه به امکانات مرورگر خاصی طراحی نمایید باعث رنجش کاربران شما خواهد گردید زیرا در مرورگرهای دیگر نمی توانند سایت شما را به درستی مشاهده نمایند.
اعتبار سنج های html کد html سایت شما را بررسی می نمایند و مواردی که در تمامی مرورگرها مشترک نیستند را به شما هشدار می دهد. استاندارد بودن یک مورد به آن معنا نیست که کلیه مرورگرها از آن پشتیبانی می نمایند و یا اینکه در صورتی که موردی را تمامی مرورگرها پشتیبانی می نمایند به این معنا نیست که آن مورد استاندارد است. به عنوان مثال html5 توسط مرورگرهای Safari, Opera, Chrome, و Firefox پشتیبانی می شود ولی هنوز استاندارد نیست.
کم کردن خطاها
استاندارد سازی وب سایت به وجود آمدن خطاهای مختلف را در سایت کاهش می دهد. شما با استاندارد سازی صفحه قادر خواهید بود عملکرد سایت خود را در تمامی شرایط و در آینده تضمین نمایید.
جستجوی بهتر در گوگل
در صورتی که سایت شما استاندارد w3c داشته باشد مطمئن خواهید شد که موتور جستجوی گوگل سایت شما را به درستی جستجو می نمایند. ممکن است سایت شما استاندارد w3c نباشد و گوگل سایت شما را به درستی ایندکس نمایید ولی استاندارد سازی صفحه از بابت اطمینان از جستجوی درست توسط گوگل است.

بهترین ابزار بررسی و استاندارد سازی صفحه http://validator.w3.org می باشد که با ورود به این سایت و درج آدرس صفحه مورد نظر می توانید خطاهای صفحه مورد نظر را مشاهده نمایید.

چهارشنبه, 20 شهریور 1392 18:38

خدمات رایگان طراحی سایت دارکوب

طراحی سایت دارکوب خدمات جانبی را برای شرکت هایی که طراحی خود را به دارکوب واگذاری نمایند ارائه می نماید. دارکوب خدمات هاستینگ و دامنه خود را برای پروژه های یک میلیون تومان به بالا را به صورت رایگان ارائه می دهد. همچنین دارکوب خدمات مشاوره سئو و بهینه سازی سایت خود را به صورت رایگان حین پروژه ارائه می نماید. خدمات سئو و بهینه سازی سایت تاثیر بسیاری در موفقیت وب سایت کارفرما خواهد داشت زیرا این خدمات از اولین بخش ساخت سایت یعنی ثبت دامنه تا آخرین مرحله آن ارائه می شود و باعث خواهد شد اشتباهی در طول دوره طراحی به وجود نیاید و هزینه های کارفرما هدر نرود. همچنین دارکوب پشتیبانی سایت خود را به صورت رایگان برای پروژه های بالای یک میلیون ارائه می نماید. طراحی سایت دارکوب همچنین لیک پروژه های طراحی شده خود را به صورت رایگان در سایت آگهی خود http://ebay.joomir.com ارائه می نماید. این سایت روزانه تعداد بسیار زیادی بازدید کننده دارد و سبب بالا رفتن رنک سایت کارفرما در موتورهای جستجو خواهد شد.
طراحی سایت دارکوب پس از پایان پروژه به صورت رایگان مشاوره سئو برای نمایش سایت در صفحه اصلی نتیجه های جستجوی گوگل می دهد که کارفرما قادر خواهد بود با به کار گیری این مشاوره ها حتی به عنوان اولین نتیجه در گوگل باشد. بودن به عنوان اولین نتیجه جستجوی گوگل رونق بسیاری به کسب و کار اینترنتی وب سایت خواهد داد و آینده کاری وب سایت را تضمین خواهد نمود.
کسب رتبه اول نتیجه های جستجوی گوگل چیزی است که تمامی شرکت ها قصد رسیدن به آن را دارند حال آنکه دارکوب شما را برای رسیدن به این هدف یاری می نماید.
طراحی سایت دارکوب | هاست دارکوب | دارکوب نام و علامت تجاری ثبت شده این مجموعه می باشد.
دارای مجوز از (سازمان نظام صنفی رایانه ای استان تهران) ، (رتبه 4 شورای عالی انفورماتیک کشور) ، (وزارت فرهنگ و ارشاد اسلامی)
آموزشگاه طراحی سایت و سئو با مجوز رسمی از سازمان فنی و حرفه ای کشور افتتاح شد
دارکوب به عنوان شرکت خلاق توسط معاونت علمی و فناوری ریاست جمهوری برگزیده شد