Your Website Title here

Fancy pants slogan

Tips & Tweaks

The <h1> tag

The h1 html/css tag is used to display the title of the most important element on a document. In our case, it's the title of the site. If you look at the top left corner you'll see the trikea logo which is our logo but, it doesn't look anything like a screen font does it?. Hidden, way off to the side of your monitor is the h1 text. If your browser supports the application command "view source" or "disable css" try it and you'll see big, ugly screen font screaming the default name of this design.
Search engines and screen readers/browsers that don't have image display capabilities need a way to discover your site identity so, we display the image-logo as a background-image which appears to all current browsers as the logo image and "push" the h1 title well off the side (via -999em) of most browser displays while leaving it totally viewable to screen readers and folks with images turned off.

Content is King

Newspapers know, news websites know, magazines and other media that needs to grab a viewers attention know... "Most important content moves to the head of the class". While we want our viewers to relax, enjoy the 3 column view and see all the important bits and links within the intended design sensibility we've spent months getting just right, it's also important to get your website content viewable quickly and easily by search engines.

The gaff

We see content from left to right. e.g. Left Column, Center Column, Right Column but, the most important information our website has isn't in the left column but rather it's in the center column. Search engines and screen readers will plow through your entire blogroll, recent posts list, calendar and who knows what else before they find any content that will tell them they want to continue reading. So, how can we change that?

Three shell Monty

With a bit of design forethought and a little css we can swap the order between the left and center column so that to normal browsers the left column appears before the center column but, with css disabled (how screenreaders and search engines see websites) it's all center column first, then left and finally the right. Life is good!

Keyboard Shortcuts

You folks are probably starting to think I'm obsessing about search engines and Disability accessibility but, it all ties together in the end if the results get you more eyetime with the public and better search positions. Keyboard shortcuts (combination keys that can perform the same navigation functions you'd get from clicking with your mouse) can be a real asset to those with disabilities that prevent mouse use.

MAC Accesskey Mappings for trikea
  • ctrl H=Home
  • ctrl U=Useage
  • ctrl Y=Typography
  • ctrl W=W3c
  • ctrl T=Tips
  • ctrl S=Search
  • ctrl C=Contact
  • ctrl O=Colophon
  • ctrl F=FAQ
PC Accesskey Mappings for trikea
  • alt H=Home
  • alt U=Useage
  • alt Y=Typography
  • alt W=W3c
  • alt T=Tips
  • alt S=Search
  • alt C=Contact
  • alt O=Colophon
  • alt F=FAQ