Writing for web


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • • A headline and (optional) sub-headline• A brief description of the offer/CTA• At least one supporting image• (Optional) supporting elements such as testimonials or security badges• And most importantly, a form to capture informatio
  • http://takeadvantageoffacebook.com/make-money-on-facebook/wp-content/uploads/2009/12/landingpage2.jpg
  • http://www.cdfnetworks.com/images/lp1.jpghttp://unbounce.com/photos/webtrends-th.jpghttp://unbounce.com/landing-page-examples/your-landing-page-sucks/http://www.rosekennedygreenway.org/donate/http://www.optical4less.com/http://unbounce.com/photos/webtrends.gif
  • Off-page search engine optimization (SEO) is the most important factor to increasing your ranking results. Off-Page SEO is about building inbound links, essentially getting other quality websites to link back to you.
  • ) Anchor Text: This this the textual representation of your hyperlink. For example the anchor text for this link is "this link," and the hyperlink is "http://www.hubspot.com." Anchor text is important because most major search engines use it to determine what keywords are relevant to a page. For example, if you want to rank for the term "Orange Widgets," then you should try to get as many links as you can with "Orange Widgets" as the anchor text. 
  • Pick a primary keyword for each page and focus on optimizing that page for that word. If you oversaturate a page with too many keywords on one page, the page will lose its importance and authority because search engines won’t have a clear idea of what the page is about. This is very common on homepages in particular, where too many keywords are used.
  • While this may be the least sexiest component of SEO, it is a definite must-have. A Meta Tag is a line of code that is contained in the background of a web page. Search engines look at meta tags to learn more about what the page is about.Meta tags don’t quite have the level of SEO importance as they use to but are still very important
  • http://www.lonelyplanet.com/usa/rocky-mountains/boulder/things-to-do
  • Proper use of colors: Use the right colors for your audience and to draw attention to select elements. Don’t try to make everything jump out. The result will be just the opposite – nothing will stand out. Avoid a chaotic mix of colors on your website and instead pick two to four colors for your template and marketing materials.• Animations, gadgets and media: Avoid anything unnecessary. Using Flash animations because they look cool is the wrong strategy. In most cases it’s best not to use animated background or background music. Only use media and animations to help support content and information.
  • Writing for web

    1. 1. Class 6:Writing for Web<br />
    2. 2. Landing Pages<br />
    3. 3. Who does it better?<br />B<br />A<br />
    4. 4. Landing Page Components<br /><ul><li>A headline and (optional) sub-headline
    5. 5. A brief description of the offer/CTA
    6. 6. At least one supporting image
    7. 7. Supporting elements such as testimonials or security badges (Optional)
    8. 8. And most importantly, a form to capture information</li></li></ul><li>What makes an effective landing page?<br />
    9. 9. Guidelines for Forms<br />Landing Page<br />
    10. 10.
    11. 11.
    12. 12.
    13. 13. Bad Landing Page<br />Why?<br />
    14. 14.
    15. 15. Case Study:<br />
    16. 16.
    17. 17.
    18. 18.
    19. 19. Landing Page Roulette<br />
    20. 20. 2<br />1<br />3<br />4<br />5<br />
    21. 21. Search Engine Optimization<br />
    22. 22. Eye Tracking<br />
    23. 23. Authority<br />and<br />Relevance<br />
    24. 24. Authority<br />Inbound links<br />
    25. 25. Authority<br />How to get inbound links<br />• Create high-quality, educational or entertaining content. If people like your content, they will naturally want to link to it. <br />• Submit your website to online directories (check out this list here). This is an easy way to start.<br />• Write guest posts for other blogs. This is a win-win for both parties. People will want extra (quality) content from others and in exchange, it’s a great way to build inbound links.<br />• And don’t borrow, beg, barter, bribe or buy links<br />
    26. 26. Authority<br />Anchor text<br />UrkoDorronsoro<br />
    27. 27. Relevance<br />Keywords<br />www.nogginbox.co.uk<br />
    28. 28. Relevance<br />Where to include keywords to up relevancy:<br /><ul><li>Headline and sub-headline. These areas of content have greater weight to search engines.
    29. 29. Body content: Include them, but don't use them out of context, make sure they are relevant with the rest of your content.
    30. 30. Include keywords in the file name of images (e.g. mykeyword.jpg) or use them in the ALT tag.
    31. 31. Include the keywords in the page URL and keep the URL clean.</li></li></ul><li>Relevance<br />All of that being said: write for humans first, search engines second. Always prepare your content for your audience and then look to optimize it for search. <br />Sebastianlund<br />
    32. 32. Relevance<br />Meta Tags and Descriptions<br />
    33. 33. Relevance<br /><title>Sunderland Athletic Store</title<br /><meta name="Description" content=“Sports equipment and gear for all athletes. Specializing in running, soccer, football and tennis.”><br /><meta name="keywords" content=”sports, gear, uniforms, equiptment, running”><br />
    34. 34.
    35. 35. http://pitchfork.com/features/grime-dubstep/<br />http://dubstepfriday.com/<br />
    36. 36. Http://twitter.com/erinsundee<br />http://supportunitedway.org<br />http://speakunited.org<br />
    37. 37.
    38. 38. Style<br />
    39. 39. Questions to ask yourself<br />Will people know what I do within seconds?<br />Will they understand what page they're on and what it's about?<br />Will they know what to do next?<br />Why should they buy/subscribe/download from this site instead of from someone else<br />
    40. 40. Web vs. Print<br />
    41. 41. Web writing best practice: Short<br />SHORT (but effective)<br />Guidelines<br />Headlines: 5 words or less<br />Sentences: Ten words or less<br />Body text: 40 to 70 words<br />Bullets and sub headers<br />
    42. 42. In ultrices ullamcorper auctor. In hac habitasse platea dictumst. Nulla vitae ante nec justo lacinia blandit. Vestibulum interdum, dolor eget porttitor gravida, augue lectus feugiat metus, ac rutrum metus diam sit amet lectus. Duis tellus tellus, ornare sit amet suscipit ac, amet White Space: Often, less is more. rhoncus et at felis. Vivamus malesuada mauris a massa convallis placerat. Maecenas tellus elit, dapibus non tristique non, eleifend id mauris. Nulla et sapien erat, in lacinia ligula. In tellus augue, varius pharetra feugiat sit amet, ornare a dolor. Integer pharetra cursus nulla, eu cursus eros cursus id. Proin volutpat, mauris sit amet tempor congue, nulla purus feugiat justo, gravida placerat nibh arcu.<br />
    43. 43. White Space: Often, less is more.<br />
    44. 44.
    45. 45. Web writing best practice: Make it actionable<br />Actionable<br />
    46. 46. Web writing best practice: Clear Hierarchy<br />Hierarchy of information<br />What makes content <br />stand out?<br />Heading 1<br />Heading 2<br />Heading 3<br />Heading 4<br /> Size<br /> Color<br /> Contrast<br /> Shape<br /> Position<br /> Whitespace<br />
    47. 47. Web writing best practice: Clear Hierarchy<br />Headlines, sub headlines and bullets<br />Headline: The most important<br />Subheadline: A step down<br />Bullets:<br /><ul><li> Look at this good point!
    48. 48. And this one! It’s awesome.
    49. 49. Here’s another. Isn’t this site smart? </li></li></ul><li>Web writing best practice: Good Links<br />Link rules<br />Don’t waste time on “click here”<br />Links should be search engine friendly<br />Action should be clear <br />
    50. 50. Web writing best practice: Scanable<br />Scanable<br />users spend 4.4 seconds for every extra 100 words on a page<br />
    51. 51. Web writing best practice: Make it Accessible<br />Accessible<br />According to the U.S. Department of Education's National Assessment of Adult Literacy, 43% of the U.S. population has low literacy. <br />Based on the available information about Internet participation at different education levels, experts estimate that 40% of Web users have low literacy. <br />
    52. 52. Web writing best practice: Clarity<br />Avoid Gobbledygook<br />
    53. 53. Web writing best practice: Shareable<br />Shareable<br />http://www.youtube.com/watch?v=6gmP4nk0EOE<br />
    54. 54. usability<br />
    55. 55. Assignment<br />Create a website homepage, subpage or landing page. Please also submit a list of keywords. <br />Graded on SEO, strength of writing, grammar and usability.<br />BLOG! ( 9 blogs total 8 weeks left)<br />
    56. 56.
    57. 57.
    58. 58. Best and Worst Practices<br />
    59. 59. PPC<br />
    60. 60. What makes something relevant?<br />It matches what you’re searching for<br />Low search volume<br />High competition<br />High search volume<br />High competition<br />Low search volume<br />Low competition<br />High search volume<br />Low competition<br />
    61. 61. Finding good keywords<br />https://adwords.google.com/select/KeywordToolExternal<br />
    62. 62. Google Adwords (Paid Search SEM)<br />Launched in 2000<br />22.9 Billion in Revenue<br />
    63. 63. Finding good keywords<br />https://adwords.google.com/select/KeywordToolExternal<br />
    64. 64. Negative keywords<br />Party Balloons NOT weather ballons<br />Competition key words<br />(sparingly)<br />Bank of America vs Citizens Bank<br />
    65. 65. Google Ads<br />Headline (25 char)<br />Description 1 (35 char)<br />Description 2 (35 char)<br />Display Url<br />Destination URL<br />