Mahdigp

اهمیت پانوشت (فوتر) در یک وب سایت

2 پست در این موضوع قرار دارد

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

یک طراح وب، طراحی خود را باید بر نظر انتظارات کاربران پیش ببرد و به اصطلاح یک طرح کاربرپسند رو ایجاد کند.

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

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

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

Newbie-ir-Footer.png

پانوشت سایت تازه وارد

Pourali-net-Footer.png

پانوشت سایت پورعلی دات نت

wp98-footer.png

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

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

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

برخی از ملزومات در پانوشت :

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

  • اطلاعات تماس (ایمیل (رایانامه) ، شماره تماس، آدرس محل کار و …)
  • پیوند به شبکه های اجتماعی شما ( فیسبوک (Facebook),توییتر (Twitter),گوگل پلاس (Google+) )
  • لینک های منوی (شامل لینک به موضوعات یا بایگانی وب سایت شما)
  • کپی رایت، حق نشر (اشاره به محتوا و اجازه نشر به بازیدکننده ها و بزور بودن وب سایتتون)
  • لینک به نقشه سایت (Site map)
  • اعتبارات (تصویر یا قالبی که از اون استفاده می کنید، پشتیبانان شما و لینک به سایت های دیگر شما)
  • لینک به قوانین و خط مشی وب سایتتون

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

  • جعبه جستجو
  • دکمه RSS
  • دکمه بازگشت بالا (ایده جالبیه)
  • حمایت از شما
  • ابر برچسب ها
  • فرم تماس با ما (که در بالا هم اشاره کردم)
  • لیست پیوندها

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

برخی از ممنوعات در پانوشت :

  • متن های بزرگ و گیج کننده، یک اشتباه بزرگ ! دیدیم که بعضی وب ها و طراحان وب یک متن بزرگ (معمولا درباره ما) رو در پانوشت قرار میدن البته این کار می تونه در وب های تجاری یا استاتیک خوب جلوه بده اما مطمئنا در وب های خبری، مجله خبری نه تنها جلوه خوبی نداره بلکه اثر بد هم بر روی قرار میده.
  • توجه نکردن به پانوشت بطور مثال تاریخ بروزرسانی، برخی طراحی ها بصورت دستی تاریخ فعالیت وبسایت (بطور مثال ۲۰۱۰-۲۰۱۲) رو وارد می کنند و هنگامی که تاریخ تغییر می کنند مدیر وب به دلایل مختلف (فراموشی یا نداشتن مهارت) از تغییر این تاریخ فراموش می کند و یک بازدیدکننده حرفه ای ارزشی در دیدن این وب سایت قائل نمی شود. پس دقت کنیم!

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

امیدوارم این مقاله (اهمیت پانوشت (فوتر) در یک وب سایت) مورد توجهتون قرار گرفته باشه، به امید موفقیت بیشتر …

مـــنبع گراوب | دنیای گرافیک و طراحی وب

به اشتراک گذاری این پست


لینک به پست
مهمان
این موضوع برای عدم ارسال قفل گردیده است.

  • مطالب مشابه

    • توسط mbonjakhi
      باسلام
      سوالی از خدمتتون داشتم.
      میشه من یه دامنه .ir خریداری کنم و کد های یک سایت خاص رو کلا کپی کنم و تو دامنه خودم بکار ببرم؟
      یعنی اینکه دیگه نیازی به طراحی سایت نداشته باشه و به راحتی سایتم ساخته بشه؟
      اگه امکانش هست واسم یه مقدار توضیح بدید باید چیکار  کنم.
      ممنون
    • توسط behnam_buss
      سلام
      بخش دسته بندی محصولات در ووکامرس من غیرفعال شده و دسته بندی هایی که قبلا انجام داده بودم رو نمی تونم ببینم و ویرایش کنم و یا حتی وقتی یه دسته بندی جدید هم می سازم نمایش داده نمیشه.
      هر محصول هم که اضافه می کنم و جایی که باید محصول رو تو دسته بندی خودش قرار بدم بازم دسته بندی رو تو قسمت ویرایش خود محصول نمی بینم و نمی تونم تو دسته ی خاص خودش قرار بدم.
      ضمنا همین مشکل برای بخش فهرست های سایتم هم بوجود اومده و فهرست ها رو نمی بینم و کلا بخش فهرست های وردپرسم غیرفعال شده و نمی تونم فهرست جدید بسازم.
      نکته ای که هست اینه که فهرست ها و دسته بندی های قبلی که ساخته بودم تو خود سایت که داره نمایش داده میشه درسته و تو بخش مدیریت وردپرس این مشکلات وجود داره!!!
    • توسط iHooMan
      درود و وقت بخیر 
       
      من  توی پروژه ای لازم دارم از فرم وب سایت مبدا وارد یه وب سایت دیگه بشم .
      که دو حالت داره یکی یوزر معمولی - یکی همکار 
      واسه یوزر معمولی فقط کپچا میخواد سایت مقصد  واسه همکار یوزر و پسورد و کپچا 
      من میخوام با یه فرم تو وب سایت خودمون اطلاعات بگیرم پاس بدم توی اون وبسایت نمیخوام اون اطلاعات تو وبسایت مقصد پر بشه ( لوگین توی وب سایت ما انجام بشه بعد به صفحه لوگین شده اونور پاس بده )
      از چی استفاده کنم ajax یا ... ? 
      روند کاریش تو وردپرس کسی میتونه توضیح بده ؟
      پینوشت : وب سایت مقصد از md5.js واسه اینکرپشن دیتا استفاده میکنه . 
       
      سپاس
       
    • توسط mehrshadmousavi

      مفهوم HTML 5:
      در این نسخه قدرت مدیریت دربرنامه های وب بر روی اجرا با حداکثر دقت و نظم وجود دارد و این کار با کد ابزارهای <header>, <menu>,<nav> , <menuitem> و ... . ممکن است.
      web developer قادرند برخی از ویژگی های شاخص  HTML 5 که  شامل: آهنگ، ویدئو، ذخیره ی منطقه در حالت آفلاین و ... با اصول بهینه سازی سایت همراه کنند. همچنین HTML 5 این اجازه را به کاربران خود می دهد که از خاصیت و ویژگی نوعی از تگ ها را استفاده کنند مانند تگ link و script؛ و حتی امکان استفاده از تگ های <article> و <<section در بهترین حالت را ممکن ساخته است. تا کنون ترفند هایی زیادی ابداع نشده است که بتوان به وسیله ی آن ها به نتایج مطلوب و باب میل رسید از این جهت درهنگام استفاده باید هوشمندانه عمل کرد.
      مفهوم HTML 6:
      ورژن 6HTML نسخه ی اصلاح شده ی  HTML ها است که دارای NameSpaces با ساختار XML می باشد. از ویژگی های مهمNameSpaces این است که با استفاده از تگ های <logo/>< logo>  و <toolbar/>< toolbar> قادر خواهید بود امکانی فراهم کنید تا سایت قادر به شناسایی و تشخص لوگو در صفحات وب سایت باشد. همچنین  از دیگر امکانات HTML 6  این است که طراحان سایت و وب دولپرها می توانند تگ <container> را به جای <’div id =’container > بهره ببرند.

      در حالت کلی  HTML 6 دارای دو نوع تگ تکی  که اطلاعات و خصوصیات راحمل می کنند اما داده ها شامل متن نمی باشد، و تگ های زوج یا جفتی که با متن هم می توانند همراه باشند.
      برخی از تگ های تکی (رفتاری) که در HTML 6 قرار دارند را با هم بررسی می کنیم که می توانند دارای namesapec   های زیر باشند:
      <html:html>
      <html:head>
      <html:title>
      <html:meta>
      <html:link>
      <html:a>
      <html:media>
      <html:body>
      <html:button>
      چند ویژگی که HTML6 را متمایز می کند:
       قابلیت تغییر اندازه تصاویر مرورگر ها
      زبان های قابل اجرا
      مدیریت بهتر در کنترل اشیای ویدئویی
      پیش پردازنده ها ی جایگزین
      دسترسی ایمن به اطلاعات
    • توسط mehrshadmousavi

      امسال هفتمین سال است که زبان برنامه نویسی php به عنوان چهارمین زبان محبوب در میان برنامه نویسان انتخاب می شود. این زبان در بیش از ۲۰۰ میلیون وبسایت فعال در اینترنت به کار گرفته شده است و چیزی حدود ۸۱٫۷ درصد از سرور های فعال کنونی در حال اجرای این زبان برای اجرای وبسایت ها هستند.
      php این هفته با یک جهش رو به جلو در بروز رسانی خود تغییرات عمده ای را برای برنامه نویس ها فراهم کرده است، از سال ۲۰۰۴ که نسخه ۵ این زبان برنامه نویسی ارائه شده بروز رسانی های این چنینی بی سابقه است.

      در نسخه PHP 7 شاهد بهبود عملکردی هستیم که تا ۳ برابر سرعت و کارایی بیشتر را نسبت به نسخه PHP 5.6 در اختیار ما قرار خواهد داد. نسخه جدید شامل تغییرات ریز و درشت بسیاری است، کاهش قابل توجه استفاده از حافظه، تعریف نوع بازگشتی اعلان ها و … همچنین در نسخه ۷ PHP شاهد تغییرات عمده ای هستیم راجع به حذف حالت safe mode و magic quotes و …
      با توجه به این تغییرات گسترده در نسخه جدید باید شاهد طراحی دوباره برای قسمت های مختلف جهت بهینه شدن با این نسخه در اپلیکیشن هایی نظیر وردپرس باشیم.