عاقبت پیج رنک گوگل

سرنوشت پیج رنک گوگل چه شد؟

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

اسپم

این مقاله به بررسی یکی از ویدئوهای موجود در بخش وبمستر گوگل پرداخته و نظرات مت کاتس رو به عنوان یکی از مدیران ارشد این شرکت بازگو میکنه. بعد از اعلام غیر رسمی مت کاتس از راه حساب توییتر خود مبنی بر نبود بروزرسانی پیج رنکا تا سال ۲۰۱۴ در ویدئویی توضیحات تکمیلی در مورد پیج رنک و راه و روش گوگل به اونو توضیح داده:

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

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

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

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

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

تغییر کاربرد پیج رنک

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

بک لینک

طراحی لوگو ساده برای استارتاپ ها

طراحی لوگو ساده واسه استارتاپا

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

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

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

واسه طراحی لوگو پس از ورود به سایت و انتخاب گزینهساخت یه لوگو وارد بخش “Logo creation wizard” میشین. در قسمت اول شما باید نام شرکت یا برند خود رو وارد کنین و زمینه فعالیت اونو هم انتخاب کنین. هم اینکه در زیر نام شرکت بخشی واسه اضافه کردن شعار برند دید شده که اگه می خواین شعار برندتون در لوگو وجود داشته باشه اونو هم پر کنین.

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

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

واسه به کار گیری وسیله رایگان لوگستر جهت طراحی لوگو ساده اینجا کلیک کنین.

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

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

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

صفحه بندی در سایت چیه؟

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

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

۸ نکته در طراحی صفحه بندی سایت

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

خلاقیت

۱- محتوای صفحه زیادتر از اندازه کوتاه نباشه

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

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

۲- دکمه های صفحه بندی ریز نباشه

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

موبایل

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

۴- تعداد نمایش صفحات رو محدود کنین

در بعضی سایتای دانلود مشاهده میکنیم که شماره صفحات تا اعداد بسیار بالا مثل ۵۰۰ و … ادامه پیدا کرده و در هر صفحه امکان انتخاب ۲۰ تا ۳۰ صفحه هست. این حق انتخاب به سود کاربر شما نیس. بهتره تعداد نمایش صفحات رو محدود کنین. هم اینکه در نظر داشته باشین که فاصله میان لینک دو صفحه به اندازه ای انتخاب شه که کاربر به اشتباه روی لینکای بغل دستی کلیک نکنه. نمونه زیر یه روش اشتباه واسه نمایش لینکا و فاصله میان اوناس.

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

۶- آخرین و اولین رو از یاد ببرین

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

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

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

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

درجه بندی اهمیت لینکا در صفحه بندی

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

  • صفحه جاری
  • دکمه های صفحه بعد و صفحه قبل
  • نمایش شماره صفحه قبلی و بعدی نسبت به صفحه جاری
  • نمایش لینک صفحه آخر و صفحه آخر به شکل شماره ای

چند مورد از نکته های بالا الان در سایت شما رعایت شده؟ بنظر شما تغییر صفحه بندی سایت چقدر در کارایی اون موثر میشه؟

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

طراحی سایت و ۷ اشتباه رایج

طراحی سایت حرفه ای

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

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

خلاقیت

۱- جستجو در سایت

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

پیشنهاد:

  • موتور جستجوی گوگل قویترین موتور در حال حاضره که امکانی به نام Custome Search Engine یا همون موتور جستجوی شخصی رو واسه استفاده در طراحی سایت ارائه کرده. شما پس از ثبت نام، کد HTML گوگل رو دریافت کرده و در سایت خود قرار میدین اینطوری یه موتور جستجوی قوی در سایت خود دارین.

  • کد زیر یه نمونه فرم HTMLه واسه نمایش جستجوی گوگل روی سایت بدون تغییر در طراحی سایت شما استفاده میشه. تموم کاری که باید انجام بدین قرار دادن نشانی سایت خود در کد زیره، هم اینکه می تونین عبارت مربوط به دکمه جستجو رو تغییر بدین.
  • <form action=”http://www.google.com/search” method=”get”>

    <br>  <fieldset>

    <br>  <input type=”hidden” name=”sitesearch” value=”https://websima.com/blog/” />

    <br>  <input type=”text” name=”q” size=”۲۵″ maxlength=”۲۵۵″ value=”” />

    <br>  <input type=”submit” value=”جستجو در ” />

    <br>  </fieldset>

    <br>  </form>

    ۲- خوانا نبودن متن

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

    پیشنهاد:

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

    ۳- رعایت اصول نوشتن

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

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

    پیشنهاد:

    با به کار گیری دستورات CSS و HTML صفحات داخلی سایت رو بدرستی طراحی کنین:

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

    ۴- طراحی سایت با دسترسی مناسب

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

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

    پیشنهاد:

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

    ۵- تنوع صفحات در طراحی سایت

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

    پیشنهاد:

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

    ۶- به کار گیری موسیقی متن

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

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

    ۷- آزمایش کارایی طراحی سایت

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

    پیشنهاد:

    • سایت روی موبایل و تبلت میشه دید؟
    • موبایل

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

     

    بیشتر بخونین: ۹ روش افزایش سرعت ایندکس سایت

    طراحی سایت مبتنی بر کارت

    یکی از راه های طراحی که در سال ۲۰۱۶ طراحان سایت واسه به کار گیری اون در طراحی سایتا نسبت به اون تمایل و گرایش نشون دادن استفاد از کارت در طراحی سایته. فواید و به درد بخور بودن کارتا خارج از دنیای دیجیتال (مانند بیزنس کارت،کارتای بازی و …) واسه ما شناخته شده. ایده به کار گیری کارت به این منظور بوده که اطلاعات در رابطه درمورد یه موضوع تو یه ظرف گذاشته شه.

    دیجیتال

    فواید به کار گیری کارت در طراحی دیجیتال

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

    روشای موثر واسه به کار گیری کارت در طراحی سایت

    ۱٫یکتایی: یه کارت، یه معنی، یه کلیک

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

    ایده

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

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

    روانشناسی

    ۳٫همه سطح کارت رو قابل کلیک کردن تعریف کنین.

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

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

    هیچکدام از این دو انتخاب بر دیگری برتری نداره،هر دو روش رو آزمایش کنین و به کمک بازخورد کاربران یکی رو انتخاب کنین.

    ۵٫Split-screen Style

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

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

    طراحی سایت مبتنی بر احساسات چیست؟

    طراحی سایت براساس احساسات چیه؟

    تا حالا واژه طراحی سایت براساس احساسات رو شنیدین و یا ایده داشتن سایتی مبنی بر احساسات و چیزای مورد علاقه مخاطبان خود رو داشتین؟

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

    با تغییراتی که در چند سال گذشته در دنیای اینترنت و دیجیتال مارکتینگ به وجود اومده، جلب توجه کاربران سخت شده و نیازمند صرف زمان و انرژی بیشتری در طراحی سایت می باشه. یکی از راهکارهای مناسب واسه این منظور، به کار گیری هدفی روانشناسی در طراحی سایت به نام “طراحی سایت براساس احساسات” است که تلاش داره احساسات کاربران رو بر انگیزد و اونو هم جهت با اهداف سایت گردونه. امروزه جذب کاربران و افزایش مدت زمان حضور اون ها در سایت هم به عامل مهمی در سئو تبدیل شده. طوری که هرچه به جلو پیش میریم اهمیت بهبود تجربه کاربری (UX) سایت و توجه به فاکتورهای کیفی نسبت به فاکتورهای کمی، افزایش پیدا می کنه.

    روانشناسی

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

    1. محصول و برند رو مستقیما در برابر نمایش بذاریم.
    2. محصول و برند رو در بستر احساسی متناسب با اون نمایش بدیم.

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

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

    والیبال

    توجه به سطوح فهم کاربر در طراحی سایت براساس احساسات

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

    ۲. کنجکاو شدن کاربر (سطح رفتاری)

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

    ۳. درگیر شدن کاربر (سطح بازتابی)

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

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

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

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

    طراحی سایت ساده وافزایش کارایی

    ۵ راه واسه طراحی سایت ساده

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

     

    ۱- تعیین بخشای اصلی سایت

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

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

     

    قانون ۸۰-۲۰

    براساس قانون ۸۰-۲۰ تنها ۲۰ درصد مطالب موجود در صفحه سایت مهم بوده و ارزش اونو تعیین میکنن و ۸۰ درصد بقیه قابل حذف هستن آسیب ای به کارایی سایت نخوان زد. بطور مثال تو یه صفحه خاص این ۲۰ درصد میتونه یه فرم ثبت نام، اشتراک خبرنامه و یا خرید محصول باشه.

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

     

    ۲- حذف بخشای اضافی از سایت

    با به کار گیری قانون ۸۰-۲۰ بخشای اصلی و لازم سایت رو شناسایی کردیم، حال وقت اون رسیده که ۸۰ درصد اضافی رو از سایت خارج کنیم. این بخشها ممکنه شامل سایدبارهای زیادتر از اندازه، افزونه های اشتراک گذاری، جزئیات نوشته مانند نویسنده، تاریخ و تعداد نظرات باشه. هم اینکه تعداد بالای لینک در فوتر سایت به صفحات خارجی میتونه یکی از عوامل خروج بازدیدکنندگان از سایت شما باشه.

     

    ۳- تعداد صفحات رو کم کنین

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

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

     

    ۴- به کار گیری بخش بالای سایت

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

     

    تنوع رنگ کم در طراحی سایت ساده

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

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

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

    سخن پایانی

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

    • قانون ۸۰-۲۰ رو یادتون نره
    • بخشا و مطالب غیرضروری رو خط بزنین
    • تعداد صفحات رو کم کنین
    • از بخش بالایی سایت بیشترین استفاده رو ببرین
    • تعداد رنگهای سایت رو محدود کنین

     

    بیشتر بخونین: اصول طراحی فرم ثبت نام سایت

    طراحی سایت ریسپانسیو یا اپ موبایل؟

    به چه دلیل طراحی سایت ریسپانسیو از داشتن اپ مهمتره؟

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

    موبایل

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

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

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

    واسه شروع در گوگل جستجو کردیم “what is an app?” و پاسخی که گرفتیم میگه اپ یه نرم افزاره که واسه رفع احتیاجی مشخص طراحی شده و و مستقیما به وسیله کاربر دانلود و نصب میشه. مهمترین بخش این جمله عبارت “رفع احتیاجی مشخص” است. پس هدف اصلی از طراحی یه اپ رفع یه نیازه و زمانیکه اون نیاز برطرف شده باشه دیگه وجود اپ بی معنی میشه دو دلیل اصلی واسه طراحی یه اپ هست که در ادامه اونا رو با هم بررسی میکنیم.

    طراحی اپ با هدف افزایش اعتبار برند

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

    راه حل

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

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

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

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

    به چه دلیل طراحی اپ موبایل معمولا اشتباهه؟

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

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

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

    انتخاب درست، طراحی سایت ریسپانسیوه

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

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

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

    هم طراحی سایت ریسپانسیو میخوایم و هم اپ

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

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

    اقتصادی

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

    طراحی سایت روان چیست؟

    طراحی روان یا Liquid Design

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

    مشکلات

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

    • رزولوشن صفحه نمایش
    • نوع مرورگر شامل فایرفاکس، کروم، اینترنت اکسپلورر و…
    • تولبارهای اضافی نصب شده روی مرورگر کاربران مانند تولبار الکسا
    • سیستم عامل کامپیوتر کاربران

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

    طراحی سایت Liquid چیه؟

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

    فرق طراحی سایت روان و ثابت

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

    Fixed Website Layout

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

    Fluid Website Layout

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

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

    مشکلات طراحی سایت روان

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

    ممکنه استفاده فوت وفن طراحی سایت روان واسه شما مشکلات زیادی رو بهمراه داشته و زمان طراحی و رفع عیب رو تا حد زیادی زیاد کنه. ولی می تونین با ترکیب این دو روش فضای کاربری مناسبی واسه سایت خود بسازین مثلا با به کار گیری فوت وفن طراحی روان در هدر و فوتر سایت و فوت وفن سایت ثابت واسه محتوای میان اونا شما بیشتر مشکلات این دو روش رو بکار گرفتین. می تونین با تغییر رزولوشن صفحه نمایش یا بزرگنمایی مرورگر خود چگونگی نمایش اونو در شرایط جور واجور بررسی کرده و ایرادات احتمالی رو شناسایی و رفع کنین. در بیشتر مرورگرها با نگه داشته دکمه “Ctrl” و فشردن کلیدهای “+” یا “-” می تونین بزرگنمایی تصویر رو تغییر بدین.

    آموزشای CSS موجود در سایت W3schools میتونه راهنمای مناسبی واسه به کار گیری این دستورات در طراحی سایت روان باشه.

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

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

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

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

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

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

    موبایل

    پنل کاربری استاندارد و آسون وردپرس

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

    اجرا بر بستر PHP و MySQL

    الان PHP محبوب ترین زبون برنامه نویسی واسه طراحی وبسایته و طبق گزارش سایت w3techs در نوامبر ۲۰۱۷ نزدیک به ۸۳ درصد سایتای جهان از این زبون واسه اجرا هسته سایت خود بهره بردن. سیستم مدیریت محتوای وردپرس هم برپایه php کدنویسی شده و همین امر موجب شده از انعطاف پذیری و توانایی ارتقای بالایی هنگام طراحی سایت با وردپرس بهره مند باشین.

    یکی بودن طراحی سایت با وردپرس با استانداردهای سئو

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

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

    امنیت بالا و به روزرسانی دائمی در طراحی سایت با وردپرس

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

    مشکلی

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

    عادی ترین عبارتای به کار رفته واسه رمز عبور در سال ۲۰۱۶ شامل ۱۲۳۴۵۶، qwerty و ۱۱۱۱۱۱ هستن که همه واسه هکرها شناخته شده و قابل حدس هستن. جالبتر اینکه اگه این لیست رو به ۲۵ عبارت پرکاربرد افزایش بدیم تقریبا نزدیک به ۵۰ درصد کاربران شبکه های اجتماعی رو پوشش می ده.

    هک

    ۲- امنیت وردپرس در هسته

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

    ۳- امنیت طراحی سایت با وردپرس سمت سرور

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

    مشکلات

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

    استقبال جهانی از طراحی سایت با وردپرس

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

    آموزش طراحی سایت با وردپرس

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

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

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

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