• Skip to primary navigation
  • Skip to content

The Age of Journalism

How technology has changed the field of Journalism

Main navigation

  • Words
  • Videos
  • Audio
  • About
  • Facebook
  • Twitter

Words

Writing for the Web: 4-tips for writing online

Writing for the Web: 4-tips for writing online

by Rob Munday · Nov 22, 2016

Reading online is very different from reading a physical copy of something and if you want to keep your audience interested and engaged you need to know what they expect from an online article.

Hopefully, everyone who writes online already understands that ‘Content is Key’ (Click Baiters excluded) but there’s no point in writing killer copy if you don’t give any consideration to how your audience will want it presented.

Although every article will be slightly different, there is a basic set of rules you can follow to make your words a little more digestible when consumed on the internet.

Photo of person writing on a laptop
Photo by
Startup Stock Photos | Via Pexels

Write a Killer Headline

Research into the effectiveness of headlines at Upworthy has shown that the writing of this one-line summary (unless you’re the Daily Mail) can affect traffic by up to 500%.

A headline is often the first piece of content people read. And often it is the ONLY thing people read” – Hoa Loranger.

Writing effective online headlines is something that gets easier with time and practice, but it will always be part of your article that demands extra attention.

Make sure your headline:

  • Works out of Context
  • Is Clear & Concise
  • Is Specific

The Importance of a Strong Lead

If you’re already trained in the ways of news writing, you’ll already be aware of the much-discussed inverted pyramid approach to writing, where the author front loads their content with key information.

A lead is a promise. It promises that the piece of writing is going to be like this” – John McPhee.

By front loading your article with key information and spelling out (or enticing) your readers with what’s to come the chances of them reading your article will be increased.

Writing a good lead is much like writing a good headline. You should KEEP IT SHORT, think about which aspects of the article you want to put your FOCUS and BE SPECIFIC.

Making your Content Scannable

What was the first thing you did when you opened this article? Be honest…you skimmed through to see how long it is and checked if anything caught your eye…right?

Don’t worry though, this is nothing to be ashamed of, in fact it’s one of the very few well-documented facts about web use.

Due to the amount of content now available, the time in which we have to consume it and our dwindling attention spans, people don’t want to commit precious minutes to anything that might not be a worthy investment.

In research on how people read websites we found that 79 percent of our test users always scanned any new page they came across; only 16 percent read word-by-word” – Jacob Nielson.

To make content scannable for your readers, be sure to:

  • Keep paragraphs short
  • Break text into easily digestible chunks (also known as “chunking”)
  • Highlight key info through the use of headings, subheading, blockquotes, italics & bold text.

Put Hyperlinks to good use

The hyperlink is often an underused commodity in the world of writing for the web, with writers sometimes seeming scared to link out as it could be seen as distracting.

However, not only is the good old hyperlink really the staple of the internet, and essentially one of the major factors that separates it from print, but used right it can be an effective tool when writing for the web.

To put the hyperlink to work for you, why not use it to; ADD DEPTH to your Article, PROVE YOUR POINT, PROVIDE ATTRIBUTION & PROMOTE other Articles.

Filed Under: Words Tagged With: Upworthy

Text Post 1

Text Post 1

by Rob Munday · Sep 8, 2016

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nulla sapien. Integer nec hendrerit metus. Nulla a hendrerit ante. Mauris molestie mi nisl, nec suscipit lacus eleifend laoreet. Suspendisse tempor leo at finibus efficitur.

Suspendisse potenti. Suspendisse dignissim purus tellus, iaculis auctor leo mattis id. Aliquam at aliquam ante, eu posuere lacus. In hac habitasse platea dictumst. Suspendisse velit mauris, vulputate a tempus eu, pellentesque ut neque. Pellentesque nec diam urna. Integer et felis ipsum. Quisque id fermentum nibh. Integer nec tortor pretium augue imperdiet tempus. Fusce felis massa, laoreet ac iaculis vitae, blandit sit amet quam. Integer eget sagittis augue.

This is a Blockquote, it’s used to highlight something important someone said”

Sed tincidunt justo mollis sem gravida, a vehicula libero auctor. Quisque id justo felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec diam eu neque consectetur lacinia. Nulla pulvinar, augue vitae condimentum gravida, eros nibh porttitor odio, ac commodo massa sapien id ex. Mauris auctor est eu nisl pretium convallis. Proin ultricies vel justo eget pellentesque. Etiam vitae tristique purus.

Donec rhoncus porta malesuada. Phasellus non leo vel orci fringilla placerat. Pellentesque in mollis ex. Phasellus hendrerit diam orci, vitae viverra sem aliquet non. Integer lacinia dolor eget odio maximus viverra. Vivamus eget laoreet eros, sit amet imperdiet massa. Pellentesque placerat enim nec efficitur egestas. Etiam at mauris risus. Nunc pharetra, lectus quis efficitur malesuada, quam nunc ultricies diam, a mollis erat turpis et tortor. Phasellus ligula lorem, aliquet ut cursus ut, tempor eu nunc. Sed dignissim, turpis vel dignissim interdum, mi velit hendrerit quam, sit amet fringilla nisl metus ac metus. Etiam eget aliquam risus, id cursus mi. Maecenas ante dolor, pulvinar dapibus sem in, dictum aliquam quam.

Another Blockquote. Someone must have said something important again”

Aliquam fringilla ut felis sed vehicula. Praesent ornare vestibulum dignissim. Morbi tempor risus ipsum, at mattis neque faucibus non. Aenean fermentum eros libero, non porta mi mollis ac. Etiam vitae consequat nibh, ut faucibus eros. Ut non justo orci. Curabitur in hendrerit nunc. Cras dapibus eget neque ut sollicitudin. Fusce molestie eget leo eget tempor. In sed magna pulvinar sapien placerat maximus. Fusce vel tellus a elit auctor ornare. Aliquam pellentesque arcu nec ornare cursus. Nam semper sit amet urna eget ornare. In accumsan porttitor tempor.

Duis hendrerit, nibh sed dapibus malesuada, ipsum sem varius dui, at dignissim ante lectus sit amet ex. Praesent nisl nisl, blandit vel iaculis facilisis, bibendum sit amet purus. Nulla porta ullamcorper tellus eget maximus. In scelerisque sagittis arcu, sit amet blandit tortor suscipit sit amet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla turpis purus, sollicitudin et magna et, sodales sollicitudin nunc. Integer pellentesque pulvinar nisl ut gravida. Phasellus elementum elit feugiat lacus pretium, in porta elit semper. Aliquam erat volutpat. Donec egestas nulla leo. Praesent nec dignissim ipsum. Integer eget metus consequat, dignissim ante eu, convallis metus. Pellentesque mi ex, efficitur vitae iaculis eu, fringilla in orci. Ut suscipit, felis id rhoncus consequat, odio est laoreet lectus, vel tempor eros libero nec ante.

Filed Under: Words with Blockquotes Tagged With: Blockquotes, Featured Image, Hyperlinks, Text

Text Post 2

Text Post 2

by Rob Munday · Sep 8, 2016

Aenean elementum, felis a tincidunt mollis, est nunc tempor diam, in volutpat tortor libero vel nulla. Suspendisse imperdiet fringilla massa eget dapibus. Ut sodales a arcu quis egestas. Duis sollicitudin ex ipsum, sed eleifend metus convallis eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

In vehicula erat id dapibus faucibus. Vestibulum molestie ipsum neque, in tempor nunc commodo sed. Ut porttitor eros lacus, sed fermentum arcu consequat ut. Integer sollicitudin hendrerit nisi. Donec vel aliquet elit, eget pulvinar risus. Aenean placerat mauris vel sapien cursus iaculis. Morbi eget bibendum dolor, in faucibus augue. Morbi mauris neque, tristique nec iaculis eget, viverra vitae nunc. Nunc a pellentesque nunc. Aenean bibendum blandit rutrum.

A Photo of Paper & Pen
Picture taken from www.pexels.com – click on picture to see original

Integer sodales bibendum mauris, id tempus arcu rhoncus sed. Integer elit velit, viverra porta congue ac, eleifend ac elit. Aliquam accumsan, quam sed vestibulum bibendum, justo mi efficitur massa, vel accumsan urna dui et ante. Sed egestas sit amet mauris eget varius. Nulla tristique mauris a neque bibendum, non pellentesque lorem placerat. Aliquam posuere mollis dictum. Sed non arcu congue, hendrerit lectus et, iaculis elit. Mauris ut purus non justo sagittis tincidunt a et dolor. Aenean elementum justo felis, et lobortis leo consequat quis. Integer velit leo, dictum quis imperdiet sit amet, varius in urna.

Sed lacinia elementum vehicula. Aenean sagittis sem quis metus gravida posuere. Quisque eleifend ante vitae arcu elementum iaculis. Aenean non dui ultricies, efficitur neque in, pretium nibh. In eu ultrices nunc, ac luctus quam. Aenean lectus arcu, hendrerit non nibh non, pellentesque ultrices nulla. Proin eget libero interdum, hendrerit leo facilisis, varius quam. Morbi mauris magna, viverra sed ligula porttitor, pretium placerat quam. Maecenas eget quam aliquam diam tincidunt cursus eu eget erat. Duis malesuada neque et tempor consequat. Nam ullamcorper mattis felis, a hendrerit tortor faucibus et. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Photo of man taking notes
Picture taken from www.pexels.com – click on picture to see original

Donec sit amet vestibulum mauris. Proin viverra purus faucibus metus molestie tincidunt. Ut bibendum libero sed sem elementum, quis cursus dui fringilla. Donec ornare porta tempor. Nulla facilisi. Integer turpis lacus, elementum a massa id, blandit egestas nibh. Proin ut commodo magna. Ut consectetur lectus ac magna volutpat consequat. Nullam in nibh ultricies, consequat arcu venenatis, finibus orci. Etiam iaculis convallis augue, eu tempor nibh posuere quis. Aliquam a sodales ligula, quis viverra mauris. Vestibulum dui neque, pulvinar ac mauris nec, hendrerit ultricies lorem. Mauris ornare aliquet faucibus. Suspendisse nec sem et quam feugiat ornare. Nam porta, quam quis condimentum dignissim, erat augue tristique lectus, ut tincidunt nibh purus et lectus.

Filed Under: Words with Images Tagged With: Featured Image, Images, Text

Text Post 3

Text Post 3

by Rob Munday · Sep 7, 2016

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac consequat diam. Quisque tempor mauris sed luctus euismod. Cras semper fringilla lorem, et ultrices nisi viverra a. Etiam ac dignissim ante. Aliquam justo purus, sollicitudin vitae ultrices eu, laoreet ut elit.

YouTube Views per Country

Aenean elementum, felis a tincidunt mollis, est nunc tempor diam, in volutpat tortor libero vel nulla. Suspendisse imperdiet fringilla massa eget dapibus. Ut sodales a arcu quis egestas. Duis sollicitudin ex ipsum, sed eleifend metus convallis eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Integer sodales bibendum mauris, id tempus arcu rhoncus sed. Integer elit velit, viverra porta congue ac, eleifend ac elit. Aliquam accumsan, quam sed vestibulum bibendum, justo mi efficitur massa, vel accumsan urna dui et ante. Sed egestas sit amet mauris eget varius. Nulla tristique mauris a neque bibendum, non pellentesque lorem placerat.

The Future of YouTube

Proin eget libero interdum, hendrerit leo facilisis, varius quam. Morbi mauris magna, viverra sed ligula porttitor, pretium placerat quam. Maecenas eget quam aliquam diam tincidunt cursus eu eget erat. Duis malesuada neque et tempor consequat. Nam ullamcorper mattis felis, a hendrerit tortor faucibus et. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Filed Under: Words with embeds Tagged With: Embed, Headings, Hyperlinks, Text

Copyright © 2025 · No Sidebar Pro on Genesis Framework · WordPress · Log in