SlideShare una empresa de Scribd logo
1 de 40
[object Object],[object Object]
Six things to think about  when writing for the web
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],First, make it easy to find. Use keywords in your story, headline and ‘abstract’.
[object Object]
You might type in the keywords ‘Dunedin World Cup’ to find out whether Dunedin will be hosting any World Cup games.
Sure enough, first up in the Google results is an Otago Daily Times story discussing the World Cup rugby matches that Dunedin will host.
And you can click through to read the story. That’s one way people find news stories – by typing keywords into a search engine.
Another way to find stories is via the news feeds that feature on, say, your Yahoo Xtra homepage….
…  or Google news page.
You might come across a news story on Twitter...
... or Facebook.
You can also go directly to a news website’s homepage…
… and browse for news there.
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],Roughly half of the visitors to any given news story come to that story via a search engine. (That’s not an exact figure but it gives an idea of how powerful search can be in driving visitors to your website.)
[object Object]
[object Object],[object Object],Shane Richmond, communities editor, telegraph.co.uk
[object Object],[object Object],Shane Richmond, communities editor, telegraph.co.uk
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Headlines need to make people want to read more - a reason to click
On the left is the front page of the New York Times announcing the outcome of the 2009 US presidential election. On the right is the same story on nytimes.com. The web headline includes ‘elected’ and ‘president’ – keywords.
[object Object],[object Object],[object Object],[object Object],[object Object],Which of these headlines is least likely to be clicked on?
Horse Sense on Frontiers makes sense here when you have the other headline, picture and caption to help. But on its own doesn’t make sense. Web headlines need to make sense on their own – give people a reason to click.
[object Object],This is about giving people a reason to read further. Explaining the story in the first paragraph helps the reader decide whether they want to read on.
In addition, on smaller news websites the first paragraph will be automatically picked out…
… and used as an ’abstract’ on the homepage. So the first paragraph, or intro, needs to sell the story.
That’s not always the case, though. On bigger news sites, the intro is sometimes rewritten to fit the homepage.
Here, nytimes.com has rewritten the story’s intro to fit a particular space on the homepage.
[object Object],This is about giving the reader more to do than just read the text – and hopefully keeping them on your website longer.
If you scroll down on the nytimes.com Obama story…
…  you see that they’ve included a video of Obama’s victory speech, another of John McCain’s concession speech, an interactive map of the US giving voting results for each state, links to related stories….
…  and links to blogs and readers’ comments on the story. There’s a lot more there for readers to engage with than just the story itself
[object Object],Reading online is a different experience to reading print. It’s helpful to make pages as clear and easy to read as possible.
Clarity is created here, for example, by putting the headline, byline etc in clear areas and using white space to prevent clutter. There is a gap between each paragraph to make the text stand out and a sans-serif typeface is used, which some studies have shown to be easier to read online than serif type.
[object Object],Including links to material cited in the story and to contextual information can be a useful service to readers… and lead them to other parts of your website.
In this guardian.co.uk story they’ve added links to other science stories, other World news stories, a podcast on a similar topic and stories about dinosaurs.
In the nytimes.com Obama story they’ve added links to other stories written about the election and the challenges facing the Obama administration.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],There you have it: six things to think about when writing for the web
[object Object],[object Object]

Más contenido relacionado

Último

Último (20)

COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
latest AZ-104 Exam Questions and Answers
latest AZ-104 Exam Questions and Answerslatest AZ-104 Exam Questions and Answers
latest AZ-104 Exam Questions and Answers
 

Destacado

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destacado (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Writing For The Web (with notes on slides)

  • 1.
  • 2. Six things to think about when writing for the web
  • 3.
  • 4.
  • 5.
  • 6. You might type in the keywords ‘Dunedin World Cup’ to find out whether Dunedin will be hosting any World Cup games.
  • 7. Sure enough, first up in the Google results is an Otago Daily Times story discussing the World Cup rugby matches that Dunedin will host.
  • 8. And you can click through to read the story. That’s one way people find news stories – by typing keywords into a search engine.
  • 9. Another way to find stories is via the news feeds that feature on, say, your Yahoo Xtra homepage….
  • 10. … or Google news page.
  • 11. You might come across a news story on Twitter...
  • 13. You can also go directly to a news website’s homepage…
  • 14. … and browse for news there.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. On the left is the front page of the New York Times announcing the outcome of the 2009 US presidential election. On the right is the same story on nytimes.com. The web headline includes ‘elected’ and ‘president’ – keywords.
  • 23.
  • 24. Horse Sense on Frontiers makes sense here when you have the other headline, picture and caption to help. But on its own doesn’t make sense. Web headlines need to make sense on their own – give people a reason to click.
  • 25.
  • 26. In addition, on smaller news websites the first paragraph will be automatically picked out…
  • 27. … and used as an ’abstract’ on the homepage. So the first paragraph, or intro, needs to sell the story.
  • 28. That’s not always the case, though. On bigger news sites, the intro is sometimes rewritten to fit the homepage.
  • 29. Here, nytimes.com has rewritten the story’s intro to fit a particular space on the homepage.
  • 30.
  • 31. If you scroll down on the nytimes.com Obama story…
  • 32. … you see that they’ve included a video of Obama’s victory speech, another of John McCain’s concession speech, an interactive map of the US giving voting results for each state, links to related stories….
  • 33. … and links to blogs and readers’ comments on the story. There’s a lot more there for readers to engage with than just the story itself
  • 34.
  • 35. Clarity is created here, for example, by putting the headline, byline etc in clear areas and using white space to prevent clutter. There is a gap between each paragraph to make the text stand out and a sans-serif typeface is used, which some studies have shown to be easier to read online than serif type.
  • 36.
  • 37. In this guardian.co.uk story they’ve added links to other science stories, other World news stories, a podcast on a similar topic and stories about dinosaurs.
  • 38. In the nytimes.com Obama story they’ve added links to other stories written about the election and the challenges facing the Obama administration.
  • 39.
  • 40.

Notas del editor

  1. A brief outline of what to think about when writing for the web (a session for journalism students).
  2. This presentation gives an overview of six things to think about when writing for the web.
  3. First, make it easy to find. Use keywords in your story, headline and ‘abstract’.
  4. Keywords are the words people type into a search engine to find what they’re looking for.
  5. You might type in the keywords ‘Dunedin World Cup’ to find out whether Dunedin will be hosting any World Cup games.
  6. Sure enough, first up in the Google results is an Otago Daily Times story discussing the World Cup rugby matches that Dunedin will host.
  7. And you can click through to read the story. That’s one way people find news stories – by typing keywords into a search engine.
  8. Another way to find stories is via the news feeds that feature on, say, your Yahoo Xtra homepage….
  9. … or Google news page.
  10. You might come across a news story on Twitter...
  11. ... or Facebook.
  12. You can also go directly to a news website’s homepage…
  13. … and browse for news there.
  14. That’s three ways to find news you want. So how do most people find news stories?
  15. Roughly half of the visitors to any given news story come to that story via a search engine. That’s not an exact figure and it varies from site to site and story to story, but it gives a rough idea of how powerful search can be in driving visitors to your website.
  16. That’s three ways to find news you want. So how do most people find news stories?
  17. Because keywords are so fundamental to how search engines work, and so many people find news stories using search, it makes sense to include keywords in your stories.
  18. On the left is the front page of the New York Times announcing the outcome of the 2009 US presidential election. On the right is the same news story carried on nytimes.com. Notice that the web headline includes the words ‘elected’ and ‘president’ – keywords.
  19. Which of these headlines is least likely to be clicked on?
  20. The headline Horse Sense on Frontiers makes sense here when you have the secondary headline, picture and caption to help. But the headline on its own doesn’t make sense. Headlines on the web need to make sense on their own – to give people a reason to click.
  21. Again, this is about giving people a reason to read further. Explaining what the story is about in the first paragraph helps the reader decide whether they want to read on.
  22. In addition, on smaller news websites the first paragraph will automatically be picked out…
  23. … and used as an ’abstract’ on the homepage. So the first paragraph, or intro, needs to sell the story.
  24. That’s not always the case, though. On bigger news sites the intro is sometimes rewritten to fit the homepage.
  25. Here, nytimes.com has rewritten the story’s intro to fit a particular space on the homepage.
  26. This is about giving the reader more to do than just read the text – and hopefully keep them on your website longer.
  27. If you scroll down on the nytimes.com Obama story…
  28. … you see that they’ve included a video of Obama’s victory speech, another of John McCain’s concession speech, an interactive map of the US giving voting results for each state, links to related stories….
  29. … and links to blogs and readers’ comments on the story. There’s a lot more there for readers to engage with than just the story itself.
  30. Reading online is a different experience to reading on paper. It’s helpful to make pages as clear and easy to read as possible.
  31. Here, the key elements - headline, byline and date stamp, image/video, text – are all clearly contained within ‘blocks’ of space. There’s plenty of white space used so the page isn’t cluttered. There is a space between each paragraph to make the text easier to read, and a sans-serif typeface is used, which a number of studies have shown to be easier to read online than serif type.
  32. Finally, including links to material cited in the story, or that gives more information about the story, can add context, lead readers to other parts of your website, and be a useful service to readers.
  33. In the case of the guardian.co.uk story, they’ve added links to other science stories, other World news stories, a podcast on a similar topic and stories about dinosaurs.
  34. In the case of the nytimes.com Obama story, they’ve added links to other stories written about the election and the challenges facing the Obama administration.