SlideServe
Menu
Préférences
© SlideServe · v2026

Page layout

enan avatar
10 diapositives · 259 Views · Jul 30, 2014

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

Page layout - slide 1
01 / 10Page layout
1 / 17

Télécharger la présentation

Page layout
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation

Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement. Téléchargez la présentation en cliquant sur ce lien. Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.

F I N

Plus de contenu associé

Transcription de la présentation
  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.