1 / 10

Page layout

Page layout. Matt Brendzel GA Boston Programs Producer. William Neely CEO, Piecewise.com . seo. SEO (or how to succumb to the master’s wishes). Use head tags appropriately H1 most important H6 least important Use brief descriptive filenames Apple.png not image1.png Use the alt tag

enan
Télécharger la présentation

Page layout

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Page layout Matt Brendzel GA Boston Programs Producer William Neely CEO, Piecewise.com

  2. seo SEO (or how to succumb to the master’s wishes) Use head tags appropriately • H1 most important • H6 least important Use brief descriptive filenames • Apple.png not image1.png Use the alt tag • HTML validation Create accurate page titles • Show up in search results Improve URL structure • Lowercase, no spaces,- not _, descriptive

  3. seo Continued Mostly text for navigation • Avoid images, Flash, JS • Image replacement technique Create fresh, new content! Other things • Submit pages and sitemaps

  4. Code challenge Art is hard (debugging competition!) Form 2 person teams Give your team a name Five points to the winner 15 minutes to find as many possible SEO improvements, deprecated elements, and HTML errors

  5. Seo Image replacement Use CSS background image • Hide the text Current method • Text-indent:100%, overflow:hidden,white-space:nowrap

  6. Seo When to use CSS Image links • Bad SEO • No text, no info Headers for logo • Text for SEO Image part of a theme Replacement of text w/image Sprites Print page w/o image

  7. Seo When to use html tag Image part of content Printing image http://iam.beyonce.com/

  8. Seo Ecard.ly Open Ecard.Ly Break down into pieces Get this shiznit on the roadster

  9. Seo Box model hack Additive box • Like Brook & Lynn Removes need for calculations

  10. CSS Home work reading Read the article "All About Floats", Css Trickshttp://css-tricks.com/all-about-floats/  Read the article "CSS Float Theory You Should Know", Smashing Magazine (optional)http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know Students will catchup on all the concepts and class work up from classes #01-#04. 

More Related