SlideShare uma empresa Scribd logo
1 de 47
A brief outline of what to think about when writing for the web (a session for journalism
students).




                                                                                            1
2
3
4
You might type in the keywords ‘Dunedin World Cup’ to find out whether Dunedin will
be hosting any World Cup games.




                                                                                      5
Sure enough, first up in the Google results is an Otago Daily Times story discussing the
World Cup rugby matches that Dunedin will host.




                                                                                           6
And you can click through to read the story. That’s one way people find news stories – by
typing keywords into a search engine.




                                                                                            7
Another way to find stories is via the news feeds that feature on, say, your Yahoo Xtra
homepage….




                                                                                          8
… or Google news page.




                         9
You can also go directly to a news website’s homepage…




                                                         10
…and browse for news there.




                              11
That’s three ways to find news you want. So how do most people find news stories?




                                                                                    12
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.




                                                                                                13
14
So how do computers find stories? The web is made up of lots and lots and lots of web
pages.




                                                                                        15
Lots and lots and lots of web pages.




                                       16
When we type keywords into a search box…




                                           17
… the search engine scans the web for pages that feature those keywords.




                                                                           18
It pulls out the pages containing those keywords….




                                                     19
… weighs up how many times the keywords appear, where in the page they appear…




                                                                                 20
… then looks at how many other websites are linking to these pages. This one has just a
few links.




                                                                                          21
This one has lots of links – which means it is more likely to be relevant and useful to you
(because lots of other people have found it useful enough to link to).




                                                                                              22
The search engine then RANKS all the pages - according to how many times the
keywords appeared, where they appeared, and how many websites link to the pages –
and displays the results with the most relevant page at the top.




                                                                                    23
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.




                                                                                      24
25
26
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.




                                                                                         27
Which of these headlines is least likely to be clicked on?




                                                             28
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.




                                                                                         29
30
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.




                                                                                            31
In addition, on smaller news websites the first paragraph will be automatically picked
out…




                                                                                         32
…and used as an ’abstract’ on the homepage. So the first paragraph, or intro, needs to
sell the story.




                                                                                         33
That’s not always the case, though. On bigger news sites, the intro is sometimes
rewritten to fit the homepage.




                                                                                   34
Here, nytimes.com has rewritten the story’s intro to fit a particular space on the
homepage.




                                                                                     35
This is about giving the reader more to do than just read the text – and hopefully
keeping them on your website longer.




                                                                                     36
If you scroll down on the nytimes.com Obama story…




                                                     37
… 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….




                                                                                          38
… 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.




                                                                                        39
Reading online is a different experience to reading print. It’s helpful to make pages as
clear and easy to read as possible.




                                                                                           40
The Guardian does that here in a few ways. 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 – you can see quickly where the
headline is, for example. There is a space between each paragraph, which makes the text
easier to read, and a sans-serif typeface has been chosen, which a number of studies
have shown to be easier to read online than serif type (although some people disagree).




                                                                                          41
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.




                                                                                                42
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.




                                                                                         43
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.




                                                                                           44
45
46
47

Mais conteúdo relacionado

Semelhante a Writing for the Web (tips for journalism students)

Planning Beyond the Page
Planning Beyond the PagePlanning Beyond the Page
Planning Beyond the PageJeff Eaton
 
Semantic web 3.0 paper (2009)
Semantic web 3.0 paper (2009)Semantic web 3.0 paper (2009)
Semantic web 3.0 paper (2009)DirectionFirst
 
WordCamp Bulgaria: Making sure your content is found.
WordCamp Bulgaria: Making sure your content is found.WordCamp Bulgaria: Making sure your content is found.
WordCamp Bulgaria: Making sure your content is found.Joost de Valk
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?Johan Koren
 
What is #CareerGravity
What is #CareerGravityWhat is #CareerGravity
What is #CareerGravity#CareerGravity
 
The Elements of a Good Headline
The Elements of a Good HeadlineThe Elements of a Good Headline
The Elements of a Good HeadlineEric Athas
 
Every page is page one (www1214)
Every page is page one (www1214)Every page is page one (www1214)
Every page is page one (www1214)Mark Baker
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?Johan Koren
 
Where Can We Post Stories Summarizing Web Archive Collections
Where Can We Post Stories Summarizing Web Archive CollectionsWhere Can We Post Stories Summarizing Web Archive Collections
Where Can We Post Stories Summarizing Web Archive CollectionsShawn Jones
 
Apture + slideshare
Apture + slideshareApture + slideshare
Apture + slideshareapture
 
What is the Semantic Web
What is the Semantic WebWhat is the Semantic Web
What is the Semantic WebIvan Herman
 

Semelhante a Writing for the Web (tips for journalism students) (20)

In the Court of the Content King
In the Court of the Content KingIn the Court of the Content King
In the Court of the Content King
 
Planning Beyond the Page
Planning Beyond the PagePlanning Beyond the Page
Planning Beyond the Page
 
Planning Beyond the Page
Planning Beyond the PagePlanning Beyond the Page
Planning Beyond the Page
 
Semantic web 3.0 paper (2009)
Semantic web 3.0 paper (2009)Semantic web 3.0 paper (2009)
Semantic web 3.0 paper (2009)
 
WordCamp Bulgaria: Making sure your content is found.
WordCamp Bulgaria: Making sure your content is found.WordCamp Bulgaria: Making sure your content is found.
WordCamp Bulgaria: Making sure your content is found.
 
Web 3.0?
Web 3.0?Web 3.0?
Web 3.0?
 
Shared interest graph
Shared interest graphShared interest graph
Shared interest graph
 
The Evolution of Web 3.0
The Evolution of Web 3.0The Evolution of Web 3.0
The Evolution of Web 3.0
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?
 
What is #CareerGravity
What is #CareerGravityWhat is #CareerGravity
What is #CareerGravity
 
The Elements of a Good Headline
The Elements of a Good HeadlineThe Elements of a Good Headline
The Elements of a Good Headline
 
Slides.ppt
Slides.pptSlides.ppt
Slides.ppt
 
Slides.ppt
Slides.pptSlides.ppt
Slides.ppt
 
Slides.ppt
Slides.pptSlides.ppt
Slides.ppt
 
Slides.ppt
Slides.pptSlides.ppt
Slides.ppt
 
Every page is page one (www1214)
Every page is page one (www1214)Every page is page one (www1214)
Every page is page one (www1214)
 
What is Web 3.0?
What is Web 3.0?What is Web 3.0?
What is Web 3.0?
 
Where Can We Post Stories Summarizing Web Archive Collections
Where Can We Post Stories Summarizing Web Archive CollectionsWhere Can We Post Stories Summarizing Web Archive Collections
Where Can We Post Stories Summarizing Web Archive Collections
 
Apture + slideshare
Apture + slideshareApture + slideshare
Apture + slideshare
 
What is the Semantic Web
What is the Semantic WebWhat is the Semantic Web
What is the Semantic Web
 

Mais de Julie Starr

How to sell digital projects to your boss
How to sell digital projects to your boss How to sell digital projects to your boss
How to sell digital projects to your boss Julie Starr
 
How Central Government Works
How Central Government WorksHow Central Government Works
How Central Government WorksJulie Starr
 
Introduction to Wolfram Alpha
Introduction to Wolfram AlphaIntroduction to Wolfram Alpha
Introduction to Wolfram AlphaJulie Starr
 
Search Engines In A Nutshell
Search  Engines In A  NutshellSearch  Engines In A  Nutshell
Search Engines In A NutshellJulie Starr
 
How Newspaper Newsrooms Work
How Newspaper Newsrooms WorkHow Newspaper Newsrooms Work
How Newspaper Newsrooms WorkJulie Starr
 
Efest: New face of journalism
Efest: New face of journalismEfest: New face of journalism
Efest: New face of journalismJulie Starr
 

Mais de Julie Starr (7)

How to sell digital projects to your boss
How to sell digital projects to your boss How to sell digital projects to your boss
How to sell digital projects to your boss
 
How Central Government Works
How Central Government WorksHow Central Government Works
How Central Government Works
 
Introduction to Wolfram Alpha
Introduction to Wolfram AlphaIntroduction to Wolfram Alpha
Introduction to Wolfram Alpha
 
Search Tips
Search TipsSearch Tips
Search Tips
 
Search Engines In A Nutshell
Search  Engines In A  NutshellSearch  Engines In A  Nutshell
Search Engines In A Nutshell
 
How Newspaper Newsrooms Work
How Newspaper Newsrooms WorkHow Newspaper Newsrooms Work
How Newspaper Newsrooms Work
 
Efest: New face of journalism
Efest: New face of journalismEfest: New face of journalism
Efest: New face of journalism
 

Último

Israel Palestine Conflict, The issue and historical context!
Israel Palestine Conflict, The issue and historical context!Israel Palestine Conflict, The issue and historical context!
Israel Palestine Conflict, The issue and historical context!Krish109503
 
Julius Randle's Injury Status: Surgery Not Off the Table
Julius Randle's Injury Status: Surgery Not Off the TableJulius Randle's Injury Status: Surgery Not Off the Table
Julius Randle's Injury Status: Surgery Not Off the Tableget joys
 
Enjoy Night⚡Call Girls Rajokri Delhi >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Rajokri Delhi >༒8448380779 Escort ServiceEnjoy Night⚡Call Girls Rajokri Delhi >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Rajokri Delhi >༒8448380779 Escort ServiceDelhi Call girls
 
如何办理(BU学位证书)美国贝翰文大学毕业证学位证书
如何办理(BU学位证书)美国贝翰文大学毕业证学位证书如何办理(BU学位证书)美国贝翰文大学毕业证学位证书
如何办理(BU学位证书)美国贝翰文大学毕业证学位证书Fi L
 
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreie
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreieGujarat-SEBCs.pdf pfpkoopapriorjfperjreie
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreiebhavenpr
 
Powerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost LoverPowerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost LoverPsychicRuben LoveSpells
 
TDP As the Party of Hope For AP Youth Under N Chandrababu Naidu’s Leadership
TDP As the Party of Hope For AP Youth Under N Chandrababu Naidu’s LeadershipTDP As the Party of Hope For AP Youth Under N Chandrababu Naidu’s Leadership
TDP As the Party of Hope For AP Youth Under N Chandrababu Naidu’s Leadershipanjanibaddipudi1
 
BDSM⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls
 
How Europe Underdeveloped Africa_walter.pdf
How Europe Underdeveloped Africa_walter.pdfHow Europe Underdeveloped Africa_walter.pdf
How Europe Underdeveloped Africa_walter.pdfLorenzo Lemes
 
Embed-4.pdf lkdiinlajeklhndklheduhuekjdh
Embed-4.pdf lkdiinlajeklhndklheduhuekjdhEmbed-4.pdf lkdiinlajeklhndklheduhuekjdh
Embed-4.pdf lkdiinlajeklhndklheduhuekjdhbhavenpr
 
Pakistan PMLN Election Manifesto 2024.pdf
Pakistan PMLN Election Manifesto 2024.pdfPakistan PMLN Election Manifesto 2024.pdf
Pakistan PMLN Election Manifesto 2024.pdfFahimUddin61
 
Nurturing Families, Empowering Lives: TDP's Vision for Family Welfare in Andh...
Nurturing Families, Empowering Lives: TDP's Vision for Family Welfare in Andh...Nurturing Families, Empowering Lives: TDP's Vision for Family Welfare in Andh...
Nurturing Families, Empowering Lives: TDP's Vision for Family Welfare in Andh...narsireddynannuri1
 
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)Delhi Call girls
 
29042024_First India Newspaper Jaipur.pdf
29042024_First India Newspaper Jaipur.pdf29042024_First India Newspaper Jaipur.pdf
29042024_First India Newspaper Jaipur.pdfFIRST INDIA
 
Defensa de JOH insiste que testimonio de analista de la DEA es falso y solici...
Defensa de JOH insiste que testimonio de analista de la DEA es falso y solici...Defensa de JOH insiste que testimonio de analista de la DEA es falso y solici...
Defensa de JOH insiste que testimonio de analista de la DEA es falso y solici...AlexisTorres963861
 
Enjoy Night⚡Call Girls Iffco Chowk Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Iffco Chowk Gurgaon >༒8448380779 Escort ServiceEnjoy Night⚡Call Girls Iffco Chowk Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Iffco Chowk Gurgaon >༒8448380779 Escort ServiceDelhi Call girls
 
BDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls
 
Vashi Escorts, {Pooja 09892124323}, Vashi Call Girls
Vashi Escorts, {Pooja 09892124323}, Vashi Call GirlsVashi Escorts, {Pooja 09892124323}, Vashi Call Girls
Vashi Escorts, {Pooja 09892124323}, Vashi Call GirlsPooja Nehwal
 
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort ServiceDelhi Call girls
 
Call Girls in Mira Road Mumbai ( Neha 09892124323 ) College Escorts Service i...
Call Girls in Mira Road Mumbai ( Neha 09892124323 ) College Escorts Service i...Call Girls in Mira Road Mumbai ( Neha 09892124323 ) College Escorts Service i...
Call Girls in Mira Road Mumbai ( Neha 09892124323 ) College Escorts Service i...Pooja Nehwal
 

Último (20)

Israel Palestine Conflict, The issue and historical context!
Israel Palestine Conflict, The issue and historical context!Israel Palestine Conflict, The issue and historical context!
Israel Palestine Conflict, The issue and historical context!
 
Julius Randle's Injury Status: Surgery Not Off the Table
Julius Randle's Injury Status: Surgery Not Off the TableJulius Randle's Injury Status: Surgery Not Off the Table
Julius Randle's Injury Status: Surgery Not Off the Table
 
Enjoy Night⚡Call Girls Rajokri Delhi >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Rajokri Delhi >༒8448380779 Escort ServiceEnjoy Night⚡Call Girls Rajokri Delhi >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Rajokri Delhi >༒8448380779 Escort Service
 
如何办理(BU学位证书)美国贝翰文大学毕业证学位证书
如何办理(BU学位证书)美国贝翰文大学毕业证学位证书如何办理(BU学位证书)美国贝翰文大学毕业证学位证书
如何办理(BU学位证书)美国贝翰文大学毕业证学位证书
 
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreie
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreieGujarat-SEBCs.pdf pfpkoopapriorjfperjreie
Gujarat-SEBCs.pdf pfpkoopapriorjfperjreie
 
Powerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost LoverPowerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Phoenix, AZ (310) 882-6330 Bring Back Lost Lover
 
TDP As the Party of Hope For AP Youth Under N Chandrababu Naidu’s Leadership
TDP As the Party of Hope For AP Youth Under N Chandrababu Naidu’s LeadershipTDP As the Party of Hope For AP Youth Under N Chandrababu Naidu’s Leadership
TDP As the Party of Hope For AP Youth Under N Chandrababu Naidu’s Leadership
 
BDSM⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 135 Noida Escorts >༒8448380779 Escort Service
 
How Europe Underdeveloped Africa_walter.pdf
How Europe Underdeveloped Africa_walter.pdfHow Europe Underdeveloped Africa_walter.pdf
How Europe Underdeveloped Africa_walter.pdf
 
Embed-4.pdf lkdiinlajeklhndklheduhuekjdh
Embed-4.pdf lkdiinlajeklhndklheduhuekjdhEmbed-4.pdf lkdiinlajeklhndklheduhuekjdh
Embed-4.pdf lkdiinlajeklhndklheduhuekjdh
 
Pakistan PMLN Election Manifesto 2024.pdf
Pakistan PMLN Election Manifesto 2024.pdfPakistan PMLN Election Manifesto 2024.pdf
Pakistan PMLN Election Manifesto 2024.pdf
 
Nurturing Families, Empowering Lives: TDP's Vision for Family Welfare in Andh...
Nurturing Families, Empowering Lives: TDP's Vision for Family Welfare in Andh...Nurturing Families, Empowering Lives: TDP's Vision for Family Welfare in Andh...
Nurturing Families, Empowering Lives: TDP's Vision for Family Welfare in Andh...
 
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Chaura Sector 22 ( Noida)
 
29042024_First India Newspaper Jaipur.pdf
29042024_First India Newspaper Jaipur.pdf29042024_First India Newspaper Jaipur.pdf
29042024_First India Newspaper Jaipur.pdf
 
Defensa de JOH insiste que testimonio de analista de la DEA es falso y solici...
Defensa de JOH insiste que testimonio de analista de la DEA es falso y solici...Defensa de JOH insiste que testimonio de analista de la DEA es falso y solici...
Defensa de JOH insiste que testimonio de analista de la DEA es falso y solici...
 
Enjoy Night⚡Call Girls Iffco Chowk Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Iffco Chowk Gurgaon >༒8448380779 Escort ServiceEnjoy Night⚡Call Girls Iffco Chowk Gurgaon >༒8448380779 Escort Service
Enjoy Night⚡Call Girls Iffco Chowk Gurgaon >༒8448380779 Escort Service
 
BDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 143 Noida Escorts >༒8448380779 Escort Service
 
Vashi Escorts, {Pooja 09892124323}, Vashi Call Girls
Vashi Escorts, {Pooja 09892124323}, Vashi Call GirlsVashi Escorts, {Pooja 09892124323}, Vashi Call Girls
Vashi Escorts, {Pooja 09892124323}, Vashi Call Girls
 
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Indirapuram Escorts >༒8448380779 Escort Service
 
Call Girls in Mira Road Mumbai ( Neha 09892124323 ) College Escorts Service i...
Call Girls in Mira Road Mumbai ( Neha 09892124323 ) College Escorts Service i...Call Girls in Mira Road Mumbai ( Neha 09892124323 ) College Escorts Service i...
Call Girls in Mira Road Mumbai ( Neha 09892124323 ) College Escorts Service i...
 

Writing for the Web (tips for journalism students)

  • 1. A brief outline of what to think about when writing for the web (a session for journalism students). 1
  • 2. 2
  • 3. 3
  • 4. 4
  • 5. You might type in the keywords ‘Dunedin World Cup’ to find out whether Dunedin will be hosting any World Cup games. 5
  • 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. 6
  • 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. 7
  • 8. Another way to find stories is via the news feeds that feature on, say, your Yahoo Xtra homepage…. 8
  • 9. … or Google news page. 9
  • 10. You can also go directly to a news website’s homepage… 10
  • 11. …and browse for news there. 11
  • 12. That’s three ways to find news you want. So how do most people find news stories? 12
  • 13. 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. 13
  • 14. 14
  • 15. So how do computers find stories? The web is made up of lots and lots and lots of web pages. 15
  • 16. Lots and lots and lots of web pages. 16
  • 17. When we type keywords into a search box… 17
  • 18. … the search engine scans the web for pages that feature those keywords. 18
  • 19. It pulls out the pages containing those keywords…. 19
  • 20. … weighs up how many times the keywords appear, where in the page they appear… 20
  • 21. … then looks at how many other websites are linking to these pages. This one has just a few links. 21
  • 22. This one has lots of links – which means it is more likely to be relevant and useful to you (because lots of other people have found it useful enough to link to). 22
  • 23. The search engine then RANKS all the pages - according to how many times the keywords appeared, where they appeared, and how many websites link to the pages – and displays the results with the most relevant page at the top. 23
  • 24. 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. 24
  • 25. 25
  • 26. 26
  • 27. 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. 27
  • 28. Which of these headlines is least likely to be clicked on? 28
  • 29. 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. 29
  • 30. 30
  • 31. 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. 31
  • 32. In addition, on smaller news websites the first paragraph will be automatically picked out… 32
  • 33. …and used as an ’abstract’ on the homepage. So the first paragraph, or intro, needs to sell the story. 33
  • 34. That’s not always the case, though. On bigger news sites, the intro is sometimes rewritten to fit the homepage. 34
  • 35. Here, nytimes.com has rewritten the story’s intro to fit a particular space on the homepage. 35
  • 36. This is about giving the reader more to do than just read the text – and hopefully keeping them on your website longer. 36
  • 37. If you scroll down on the nytimes.com Obama story… 37
  • 38. … 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…. 38
  • 39. … 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. 39
  • 40. Reading online is a different experience to reading print. It’s helpful to make pages as clear and easy to read as possible. 40
  • 41. The Guardian does that here in a few ways. 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 – you can see quickly where the headline is, for example. There is a space between each paragraph, which makes the text easier to read, and a sans-serif typeface has been chosen, which a number of studies have shown to be easier to read online than serif type (although some people disagree). 41
  • 42. 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. 42
  • 43. 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. 43
  • 44. 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. 44
  • 45. 45
  • 46. 46
  • 47. 47