وب سایت نویس

وب سایت نویس

وب سایت نویس

وب سایت نویس

  • مهندس میر علی میری
  • مهندس میر علی میری


01

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

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

نکته 2: یک راه حل ایدا آل برای استفاده از لینکهای گرافیکی!
اگر شما ناچارید که از لینکهای تصویری یا گرافیکی در وب سایتتان استفاده نمایید حتما از پارامتر Alt برای تصویرتان استفاده کنید . استفاده از این پارامتر در طراحی لینکهای تصویری باعث می شود که کاربرانی که از کاوشگرهای متنی مانند lynx استفاده می کنند یا کاربرانی که گرافیک و تصویر را در کاوشگرهای خود غیر فعال کرده اند نیز بتوانند راه خود را در میان صفحات وب سایت شما پیدا کنند .به علاوه سعی کنید حتما در قسمت پایین هر صفحه با استفاده از لینکهای متنی راهنمایی واضح از سایتتان ارائه دهید تا صفحات اصلی سایت شما از این طریق نیز قابل دسترسی باشند .

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

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

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

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

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

نکته 8 : مسیرهای متعددی در نظر بگیرید !
سعی کنید در طراحی پیوندهای بین صفحات سایت خود طوری عمل کنید که برای دستیابی به هر صفحه بیش از یک مسیر وجود داشته باشد و کاربران خود را به یک مسیر محدود نکنید . به عنوان راه حل در بیشتر سایتها از منوهای کرکره ای استفاده می شود که راهی موثر برای قرار دادن مسیرهای متفاوت در صفحه است بدون اینکه فضای زیادی در صفحه اشغال کند.

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



رنگ ها تاثیر بسزایی در ذهن افراد دارند و این امر مهم نباید از دید طراح سایت دور بماند.در طراحی وب سایت رنگها معمولا بصورت "طبیعی"، "گرم" یا "سرد" طبقه بندی شوند.


رنگهای طبیعی

سفید

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

خاکستری

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

قهوه ای

قهوه ای به معنای زمین، خانه و خانواده است.

سیاه

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


رنگهای گرم

قرمز

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

زرد

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

نارنجی

نارنجی به مرتبط با اشتهای افراد است.

صورتی

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


رنگهای سرد

آبی

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

سبز

سبز به معنای حسادت، حریص بودن و بی تجربگی است، و در عین حال همین رنگ به معنای پول و ثروت نیز می باشد.

ارغوانی

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


رنگهای Web Safe

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

چنانچه پیوستگی در رنگها مهم باشد، شما می بایست تنها از رنگهای Web Safe در سایت خود استفاده نمایید.


طرحهای رنگ

طرحهای رنگ می توانند ترکیبی از یک رنگ، رنگهای مکمل، یا رنگهای متضاد باشند.

تک رنگ

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

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

رنگهای مکمل

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

رنگهای متضاد

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

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


چهارچوب کلی رنگ ها

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

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

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

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

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

  • مهندس میر علی میری


28


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

UX چیست ؟

ux مخفف شده کلمه User Experience می باشد که معنی تحت اللفظی آن “تجربه کاربر” می باشد. در حقیقت طراحان “تجربه کاربر” یا همان UX Designers تمام تلاش خود را میکنند تا بهترین سناریو برای آشنایی یک کاربر با یک محصول و یا خدمات را ایجاد نمایند. از آنجا که این موضوع یک فرمول خاص ندارد و متناسب با سوژه های مورد نظر ممکن است راهکارهای فراوانی داشته باشد کار زمانبر و دشواری است. یک طراح تجربه کاربر میخواهد مشکلات کاربر را در مواجهه با سوژه مورد نظر خود، چه از نظر کلامی و لغتی، و چه از نظر محل قرار گیری موارد و زیبایی شناختی و … مورد بررسی قرار دهد و در پی حل آن ها برآیند تا به بهترین تجربه کاری کاربر یا همان Best User Experience دست یابد.

محصول نهایی UX :

Wireframes صفحه , storyboards و sitemap

برنامه های کاربردی :

Photoshop, Sketch, Illustrator, Fireworks, InVisionUI

UI چیست ؟

مخفف کلمه User Interface میباشد که به صورت تحت اللفطی به “رابط کاربری” معنا میشود. بر خلاف UX که بر احساس کلی کاربر از یک محصول معطوف است، UI به چگونگی صفحه بندی محصول توجه دارد. آنها مسئول طراحی هر صفحه با ابزارها و صورتی هستند که بتواند مسیری که طراح UX طراحی نموده را پیاده سازی و جایگذاری نماید.

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

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

محصول نهایی UI :

طراحی رابط کاربری نهاییبرنامه های کاربردی :Photoshop, Sketch, Illustrator, Fireworksبه صورت کلی باید گفت که مرز بین UI و UX در بیشتر موارد مبهم است و در بسیاری از موارد شرکت ها این نقش را ادغام میکنند و به یک شخص و یا گروه کاری واگذار میکنند.

  • مهندس میر علی میری


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

تابع callback، بعد از اجرای کامل متحرک سازی اجرا می شود.

مثال :

:$(selector).hide(speed,callback);

مثال: در مثال زیر، پارامتر callback در متد ()hide با یک تابع تنظیم شده است، این تابع بعد از اجرای کامل افکتِ پنهان سازی، اجرا خواهد شد:

استفاده از پارامتر callback

$("button").click(function(){

$("p").hide("slow",function(){

alert("The paragraph is now hidden");

});

});

در مثال زیر، پارامتر callback استفاده نشده است، و قبل از اینکه افکتِ پنهان سازی کامل شود، پنجره alert نمایش داده خواهد شد:

بدون استفاده از پارامتر callback

$("button").click(function(){

$("p").hide(1000); alert("The paragraph is now hidden");

});

  • مهندس میر علی میری


19


مقاله سئو و بهینه سازی سایت

سئو در سال 2015


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

  • شما باید پیوسته مقالات مفید و مورد نیاز کاربران در زمینه شغلی مورد نظر را در سایت با یک بازه زمانی مناسب بارگذاری نمایید و سعی کنید تا می توانید موضوعات، مشکلات و نیازهای مشتریان خود را با درج مقالات وب سایت خود تحت پوشش قرار دهید. در سال 2015 مهترین مسئله سئو وب سایت داشتن محتوای خوب، کافی و مناسب می باشد.

  • موتورهای جستجو نظیر گوگل امروزه بیشتر به کاربر پسند بودن وب سایت توجه می نمایند بنابراین توصیه می گردد طراحی سایت خود را بر اساس دانش روز تغییر داده و وب سایت شما حتما سازگاری کامل جهت نمایش در مرورگرهای مختلف از قبیل موبایل را داشته باشد. با توجه به میزان استفاده بالا از موبایل برای جستجو و مرور وب داشته نسخه موبایلی وب سایت به یک ضرورت تبدیل شده است. برای چک نمودن اینکه وب سایت شما نسخه موبایلی دارد و یا خیر می توانید از نرم افزار Mobile-Friendly Test گوگل استفاده نمایید.
  • سرعت وب سایت همواره یکی از مهمترین فاکتور های رنکینگ وب سایت بوده است و بنابراین توصیه می گردد حتما وب سایت خود را از نظر سرعت لود شدن برای کامپیوتر و موبایل به صورت جداگانه بررسی نموده و آن را بهینه سازی کنید. برای چک کردن سرعت وب سایت می توانید از نرم افزار Page Speed گوگل استفاده نمایید.

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

  • مهندس میر علی میری


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

در این مقاله شما را با برخی از دلایل نیازمندی به سایت آشنا خواهیم داد:

بی خوابی کشیدن وب سایت ها

اکثر مردم در وب در هنگام شب که بسیاری از کسب و کارها بسته می باشند گشت و گذار می کنند و این هم عادی است چون یک وب سایت هیچ وقت در خواب و یا استراحت نیست. یک وب سایت به کسب و کار یا سازمان شما این امکان را می دهد که به صورت شبانه روز 24 ساعت هر 7 روز هفته 356 روز سال باز باشد. داشتن یک وب سایت معادل داشتن یک کارمند مشغول به کار تمام ساعت حتی در تمام تعطیلات می باشد.

رقیب هایتان سایت دارند

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

فقط آن را گوگل کنید

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

اعتماد مشتری به شما

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

درآمد بالا

کسب و کار کوچک آنلاین درآمد عالی دارد به گزارش (Small Business Administration ) کسب و کارهای کوچکی که دارای وب سایت باشند درآمدی به طور متوسط سالانه 1000000 دولار بیشتر از کسب و کارهای کوچکی که وب سایت نداشته باشند و در فروش آنلاین نیستند دارند. و این برابر 39% درآمد بیشتر می باشد.

همه اینترنت دارند

تقریبا 60 درصد ایرانی ها در ایران از اینترنت استفاده می کنند و در سراسر دنیا بیش از 1 میلیارد نفر از اینترنت استفاده می کنند داشتن یک وب سایت می تواند شهرت کسب و کار شما را بیش از آنکه شما تصور می کنید بیشتر کند و این خود یک امتیاز برای بدست آوردن درآمد بیشتر می باشد.

مشتری زیاد

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

وب سایت جهانیست

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

  • مهندس میر علی میری


سازگار با تلفن همراه


راهنمایی های گوگل برای SEO تلفن همراه

طراحان سایت برای طراحی وب سایت ها باید از طراحی واکنش گرا (responsive) استفاده کنند.گوگل تاکید فراوانی بر سازگاری الگوریتم جستجو با تلفن همراه دارد ، و این موضوع به طور قطع رشد خواهد داشت. داشتن یک وب سایت جداگانه برای تلفن همراه نیز گزینه ای دیگر است، اما از نقطه نظر SEO چندان مناسب نیست و همچنین شرکت مجبور خواهند شد که همزمان دو وب سایت را مدیریت کند.


ارکان طراحی ساده

با ابزار های سرعت صفحه گوگل ( Google Page Speed Insights ) سرعت وب را افزایش دهید.

از برچسب ها (tags ) منحصر به فرد استفاده کنید.


راهنمایی مبتدیان برای طراحی و توسعه SEO

برچسب (تگ) عنوان، مهم ترین بخش کد HTML در یک صفحه وب برای اهداف SEO است، چرا که تگ عنوان به خزنده (کراولر) گوگل می گوید چگونه محتوای صفحات وب سایت را تفسیر کند. هر صفحه ای باید دارای تگ عنوان منحصر به فرد و خاص باشد تا محتوای صفحه را مشخص کند و عبارت های کلیدی اولیه را در هم ادغام نماید.


توضیحات متا (META) منحصر به فرد

توضیحات متا قطعات کوچک HTML هستند که در زیر لینک Google’s SERPs ( صفحات نتایج موتور جستجو) ظاهر می شود. اگر این توضیحات به طور آموزنده و متقاعد کننده نوشته شده باشد، بیشتر مردم روی لینک کلیک خواهند کرد. توضیحات متا بسیار خوب به طور قابل ملاحظه ای ترافیک مربوطه را تقویت می کند و تبدیل ها را افزایش می دهد.

در اینجا به چند نکته مهم برای نوشتن آنها اشاره می کنیم.


محتوا با کیفیت بالا

-از پیکره و بدنه غافل نشوید!

-گوگل به دنبال محتویات با کیفیت برای وب سایت است، و همچنان در شناسایی آن رو به بهبود است.


کیفیت بالا چیست؟

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

-از محتوای تکراری اجتناب کنید.

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


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

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

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


آدرس ها(URL ها) 15 شیوه برتر SEO برای ساختار URL

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

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

  • مهندس میر علی میری


24

7 عامل تعیین کننده موفقیت و شکست در طراحی یک وب سایت:

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

ما 7 عامل را که فکر میکنیم بیشترین نفوذ را در این تصمیم گیری دارند بیان میکنیم.


1- هدف/ مهمترین عامل موفقیت یک وب سایت

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

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

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

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

2- وضوح راهی برای کسب موفقیت سایت

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

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

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

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

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

3- قابلیت استفاده نیاز اولیه کاربران سایت

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

4- دسترس پذیری عاملی برای کسب موفقیت سایت

اغلب دسترس پذیری و قابلیت استفاده با هم معنا میشود ولی میتوانیم آنها را دو عامل مجزا نیز بدانیم.

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

5- تمرکز بر روی کاربر اولویت طراحی سایت

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

6- جابجایی در محتوا یا ناوبری در سایت

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

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

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

7- ظاهر سایت

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

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

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

  • مهندس میر علی میری