Great news! The panda.org, WWF New Zealand and WWF India websites have just launched the responsive version for mobile and tablets. The other sites will receive this update as well in the coming weeks. Continue reading
All posts by michobeyer
Sitemap titles in footer
The titles of the sitemap in the footer now work as links.
Alert Logic
Alert logic will be installed on the servers during the coming 2 weeks. It has not yet been installed.
Adding HTML code to pages
Adding HTML coding into the CMS can be done and is one of the positive features that provide us a lot of flexibility within the system.
This functionality is of interest mainly to our users who have basic HTML programming notions.
Although you might find these can also come in handy for you one day, even if you have never delt with code.
Anyway, here are some of our HTML code templates:
Where to add the code?
HTML coding can be added into any text container within our site.
All you have to do is:
- Open a text container. Yeah, just any normal text container (it will work anywhere, on the float, on the main column, anywhere)
- When you are at the edit text box, click on the “source” button at the top, like in the image below:
After you understand how to use this, you are ready to embed videos, flash or anything else HTML permits you to do.
For more complex code we recommend you use the special container. But that is only for the initiated, in other words, hot shot developers.
If you want to know more the special container, just contact us.
Iframes – Embed another website into your page
<iframe width=”100%” height=”350″ title=”title_you_want_to_give” type=”text/html” src=”http://source_file_URL“></iframe>
Change the blue part with the actual URL of the website that you want to embed. Also change the tag in the Title.
Add image to text containers and news / publication articles
Example:
<center><img alt=”Add caption here” src=”http://assets.panda.org/img/original/g8_graphic_e_4c_small.jpg“> <br />
<a href=”http://assets.panda.org/img/original/g8_graphic_e_4c_1.jpg“><em>Click to enlarge</em></a><em> (© WWF/Meike Naumann)</em></center>
YouTube video
Just copy the HTML embed code YouTube provides after you upload the video. Or, go to the video on youtube and choose the option “Share” (under the video). Then click on the “Embed” option and you will see a field with HTML code. Copy this code and embed it into the HTML part of your text container in the CMS.
Look/copy the code example below:
<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/-n5HeMXn-cs” frameborder=”0″ allowfullscreen></iframe>
Note:
- Change the blue part with the ID of your video.
- You can alter the width, height and other parameters above to adapt the video to the different containers in our CMS.
– For the middle column (3col. template): width=”100%” height=”350″
– For the right column (3 col. and float container): width=”100%” height=”200″
Making your titles look good
How to make titles and sub-titles
When entering a long piece of text with many titles in our CMS you don’t necessarily need to separate each box into a container to make your titles stand out.
This may seem like something tivious, but separating your text into titles and subtitles is actually one of the best practices when you write for the web! No one likes to look at big blocks of text in a computer screen…
You can do this by simply using the “format select” found in text toolbar just above your text container.
And this is how you do it…
… first, go to the page you are editing and open the text container you wish to use.
Then follow the instructions below:
RSS
Definition (based on Wikipedia): RSS is a family of Web feed formats used to publish frequently updated content such as blog entries, news headlines, and podcasts in a standardized format.
RSS makes it possible for people to keep up with web sites in an automated manner that can be piped into special programs or filtered displays.
Watch the video:
Dos and Don’ts
You’re not only writing for the web, you’re writing for the WWF.
There is a high level of credibility that comes with our name.
So it’s important to be consistent to keep up our brand, both internally and externally.
Here are some important things you should keep in mind:
Quick Rules about Style
Spelling
- British English is the spelling standard with The Oxford Dictionary having the final say
- All Latin species names must be italicised e.g. Sus scroffa – wild boar
- Italics can also be used for proper names, or terms that would normally be put between ‘single quote marks’
Percent and Numbers
- Use % instead of percent; ¼ instead of degrees, and km² instead of square kilometers etc. Why? Because we are trying to lessen the amount of text people have to read online
- Similarly use 3 instead of three unless it’s the beginning or the end of a sentence
Sources and Footnotes
- We can list sources at the bottom of your content. This page about forests on panda.org is a good example.
Links
- You can link both within text and in a list of links that can be put on the right hand side of your page – research shows that a mixture of the 2 has proved to be most effective.
- Try to look on panda.org for further sources of relevant info before linking off-site
- People use links to scan read a page, so always link using words that describe why you are linking to. Never link a “click here” or a “read more” or words that mean nothing if taken on their own.
Key Words
- Break every 2 to 3 paragraphs up with subheads that captures in plain English the key point or argument made in the paragraphs that it heads (this helps people to scan read as mentioned earlier)
- We are creating a new page to describe endangered species in Africa. Our key words for this page are
- Threatened
- Endangered
- Africa
- Species
- Wildlife
- Trade
For example: your page title may be: “Endangered species in Africa”
Your first paragraph may say “WWF is working to conserve threatened and endangered species in Africa from the threats caused by the trade in wildlife, habitat loss, bushmeat hunting and human-animal conflict situations.”
In doing this your content (your hard work) is more likely to get a higher ranking in the search engine listings.
DOs and DONT’S
DO
- Do keep time out of it as much as you can. Avoid statements like ‘next week’ or ‘next month’ or ‘soon’ – time moves on. Always use proper dates and use the month as a name so that we avoid the confusion caused by North American dating (month day) as opposed to international dating (day month) e.g. 17th Dec 2005″
- Do be respectful of WWF’s partners. Always put their logos on the relevant pages if they are OK with that, and link to the their web site if they have one.
- Do make sure you have copyright permission for any 3rd Party material you are using
- Always add what an acronym or abbreviation stands for the first time you use it.
- Do remember If you’re using long words, or conservation jargon, link to the definition in — www.wikipedia.org or create a footer at the bottom with the relevant explanations.
- Do get someone else to proof read your work. Even the best writers in the world are usually the worst proofreaders of their own work.
- Do review your work. If after 12 months the content for your pages has not been updated or reviewed, your contract with and therefore ownership of that page expires and it becomes the sole property of the panda.org Content Managers who may edit or delete it.
DON’T
- Don’t use dummy text or “text to follow,” “under construction,” or “coming soon” – if there’s no proper content, there should be no page at all.
- Don’t directly criticise a person or company unless you are absolutely sure of your position.
- Don’t use images without their credits. Do only upload them when you are allowed to and you have the copyright information.
- Don’t plagiarise – if you have found a good source then credit them fully, with a link if possible. You should also ensure that you are not infringing any copyrights in doing so.
How to write for the web
Tips and Guidelines
Writing for the web isn’t the same as print. People read the web in a very special way. They don’t pay attention in the same way they do when they’re reading a book or a magazine.
Remember, the web is always changing, and are the people who read it. So please keep these guidelines in mind when you’re writing for the web.
Read below:
- Audience – Who are they and what do they want?
- How do people read the web
- Key words
- Length of text
- Write clear “linked copy”
- Style
Audience – Who are they and what do they want?
As with any printed publication, it’s important to think about your audience before starting to write for the web.
- Who are the people you’re trying to reach?
- What do they already know?
- What do you have to explain?
Write in a style your audience expects.
This gives you credibility and makes your readers feel they have come to the right place.
Even if your section is aimed at “intelligent” informed people, you never know who might read your stuff so writing in plain language is key.
How do people read the web?
The web is not like print!
If you are an experienced writer, these are exciting times. You may have been a journalist since Gutenberg, but now it’s time to learn it all again.
If you are just starting, great. You can use these tips with a fresh approach.
Nonetheless, be it for the web or a daily newspaper, the core basic communications rule still apply. Specially the golden rule of thinking about who you’ll be talking to.
And no matter who your audience is, it’s important to remember some key facts about online content:
- People who read the web are there for a purpose. It’s not like print.
- People rarely read web pages word by word.
- Instead, they scan the page, picking out individual words and sentences.
Your audience wants to find something out, and they usually know what they’re looking for.
So we have to give it to them. Fast.
When you’re writing for the web, make sure you get your key messages across quickly and in a way that’s easy to find.
Think about how you surf and read on the web. Give your readers the same treatment you would like to have, be direct, lighthearted and informative.
Write for scanners
You need to help people scan for 2 reasons:
- get through information quickly
- absorb what they’ve been reading
How?
- highligh keywords (hypertext links serve as one form of highlighting; typeface variations and color are others)
- meaninful titles, heading and subheadings (but don’t force clever ones)
- use lists (“top reasons…”, “five ways to…” and bullet points with a maximum of five items as a rule)
- stick to one idea per paragraph. Readers will skip over any additional ideas if they aren’t caught by the first few words in the paragraph)
- Break things down into components
Again, readers online will scan lists before they read chunks of text.
On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely.
-Jakob Nielsen
Keywords
Before starting to write for a web page, think about key words and phrases.
- What’s the purpose of the page?
- What would your audience type into Google to find the page?
For example, When you want to book a vacation online, do you search for “inexpensive airfare” or do you search for “cheap airplane tickets”?
Search engines like Google or on oneWWF look through documents for key words you enter into the search box.
You’ll need to write these words into your web page. Make it rich with these keywords.
Use words your customer would use when searching for your stuff. Stay away from corporate lingo.
Keep key words in mind when:
- composing titles
- naming pictures
- writing your text
Tips:
- “WWF” must never be a keyword, because it’s on all our pages and people won’t know where to start looking.
- If you’re writing for Panda.org or oneWWF remember, WWF is an international organization, so you need to write with this global view in mind.
- Different cultures use different words to mean different things.
- Remember! When you format any word document or PDF, fill in the document proprieties. You will be asked to include the same kinds of key words.
Length of text
Keep it short!
White space can also be one of your most powerful weapons.
It could even be more important than the length of the page, so remember to break up your page with plenty of white space.
More tips:
- Aim for 50 per cent less text online than you would write for print
- Prefer short paragraphs then long blocks of texts.
- Bear in mind that reading online is almost 25 per cent slower than reading print.
- Don’t write long paragraphs. Keep then to about 3 or 4 sentences.
- A scroll with white space is better than one screen of “tombstone text”.
- Give those weary eyes a break!
Take your readers further: provide links!
Links often function as headlines online.
People scroll through pages looking for something to do, links tell people to do something
Remember, links are interactive and good links will add value to your page.
Links create a way to jump off the page, so put the straightforward stuff up front.
Don’t be afraid of links!
Being connected to the rest of the Web is something positive and a sign of confidence. Isolated sites feel like they have something to hide.
Of course, no page may consist of just a list of links. All links should be in context or in a right hand box on the page where they are most relevant.
Once people click on a good link . . .
- you know they’re interested in the topic
- they will read more
- they will retain more
- they will “thank” you for leading them to rich information
- they will want to go back to your content for more valuable resources
Style
Keep your message simple:
- The web is less formal than print, so reflect this when you write.
- Write to inspire rather than to impress. Even your colleagues will like clear, simple and straightforward messaging.
- Be clear and logical in your communication. If in doubt, run your copy past someone else. It’s always good to have a second (or third) pair of eyes.
How to do this?
Here are some words of advice about style from Jakob Nielsen:
“(…) Web content must be brief and get to the point quickly, because users are likely to be on a specific mission. In many cases, they’ve pulled up the page through search.
Web users want actionable content; they don’t want to fritter away their time on (otherwise enjoyable) stories that are tangential to their current goals.
Print’s narrative exposition calls for well-crafted, complete sentences.
Online, less so. Fragments often let you pull information-carrying keywords to the front, while also reducing froufrou word count. Because Web users read only 18% of added verbiage, cutting words is well worth the accusing squiggles that MS Word will throw at your sentence fragments”
Some other good tips are:
- Use the active voice over the passive voice (i.e. “WWF funded the project,” not “the project was funded by WWF”).
- Don’t overwhelm your reader with unecessary numbers, statistics or fact after fact.
- But when using facts, make sure you can back them up.
- Unlike print, you can easily provide a link onwards for further information if you want to develop a particular aspect.
Using Plain Language
Normal, clear vocabulary is essential to make your text understandable and engaging.
Remember to think about your audience and that your text maybe read online by people with different reading capabilities.
And always aim your text for low litteracy users.
It has been shown that content thought for lower-literacy users also benefit higher-literacy users, who equaly tend to prefer reading a lean, direct text.
Resources about plain language:
- CLAD Online Thesaurus – Clear Language and Design. East End Literacy, Toronto, ON
- Dictionary of Plain Language – Duncan Kent & Associates, Vancouver, BC (PDF)
- The A-Z of Alternative Words – Plain English Campaign, Derbyshire, England (PDF)
Titles
Titles should be short — just a few words is best. Don’t exceed one line.
They should have information scent, in other words be direct, descriptive and assure readers they have come to the right place.
The first several words of titles and subtitles should catch your audience’s attention.
Remember, people will skim a website before they read it, so make sure your title tells the audience exactly what the page is about.
Lifespan of content
Web pages are a living medium. Information can change in the blink of an eye.
So it’s important to stay on top of things and make sure your text is current.
Avoid anything that’s time-specific.
Don’t use words like:
- today
- yesterday
- last year
Keep your text fresh.
If visitors see out-of-date information, they’ll go elsewhere.
Images
Any picture used must be relevant to the text and compliment or help to enhance a reader’s understanding of the content on that page.
Pictures that are serving only to “make a page look pretty” must be avoided.
Pictures should complement the text, not detract from it.
Visit the WWF Network Standards for Images for more information.
All pictures should have a descriptive caption (again using keywords where possible) and proper copyright information. When uploading images to the CMS, this will already be taken care of.
List of CMS
Global website panda.org : https://pad.panda.org
Armenia: https://pad.panda.org
Argentina: https://pad.wwfar.panda.org
Australia: https://pad.wwfau.panda.org
Bhutan: https://pad.panda.org
Bolivia: https://pad.panda.org
Brazil: https://pad.wwf.org.br
Bulgaria: https://pad.panda.org
Cambodia: https://pad.panda.org
Canada: https://pad.wwf.ca
CARPO: https://pad.panda.org
Central America / MAR: https://pad.panda.org
Chile: https://pad.panda.org
China: https://pad.wwfcn.panda.org
Colombia: https://pad.panda.org
Croatia: https://pad.panda.org
Denmark: https://pad.wwfdk.panda.org
Ecuador: https://pad.panda.org
European PO: https://pad.panda.org
France: https://pad.wwffr.panda.org
GFTN: https://pad.panda.org
Greece: https://pad.wwfgr.panda.org
Guianas: https://pad.panda.org
Hong-Kong: https://pad.wwfhk.panda.org
India: https://pad.wwfindia.org
Indonesia: https://pad.wwfid.panda.org
Italy: https://pad.wwfit.panda.org
Madagascar: https://pad.panda.org
Mediterranean PO: https://pad.panda.org
Mexico: https://pad.panda.org
Malaysia: https://pad.wwfmy.panda.org
Mongolia: https://pad.panda.org
Mozambique: https://pad.wwfmz.panda.org
Nepal: https://pad.panda.org
New Zealand: https://pad.wwfnz.panda.org
Norway: https://pad.wwf.no
Pacific: https://pad.panda.org
Paraguay: https://pad.panda.org
Peru: https://pad.panda.org
Poland: https://pad.wwfpl.panda.org
Portugal: https://pad.panda.org
Romania: https://pad.panda.org
Singapore: https://pad.panda.org
South Africa: https://pad.wwfza.panda.org
Spain: https://pad.wwf.es
Thailand: https://pad.panda.org
Turkey: https://pad.wwftr.panda.org
United Arab Emirates: https://pad.panda.org
Ukraine: https://pad.panda.org
Vietnam: https://pad.panda.org
Did we forget any? Let us know.
Did you know that you can use a Firefox plugin, that will take you easily from the live website to the edit mode of that page with just one click? Find out more here!
Articles Cheat Sheet
Getting News on the Homepage:
You must have article permissions for the theme “Homepage”. If you are an administrator, you can set your own and other users permissions. To change user permissions, go to Administration from the CMS navigation on the left, search by name, and click on edit. Then go to “article permissions” tab to see where the user is currently able to post. If needed, assign the correct themes to the user and save.
When creating the news piece:
- set article type to “News”
- set theme/category to “Home page”
When all these requirements are OK, the news piece should appear on the homepage within 1-5 minutes.
If the news item does not appear (on live site or in the cms), open it in the cms, go to “Theme” tab, and check if next to the checked theme it says “approved” or “waiting”. If it says “waiting”, the user has no permissions to post under this theme (see point 1).
Getting News on the “Conservation & Stories” page:
http://wwf.panda.org/wwf_news/
- set article type to “News” or “Successes”
- set theme/category to “Press Office”
(if it doesn’t show up, check your user permissions, see point 1 on top of this doc)
Getting Publications on the “Publications & Resources” page:
http://wwf.panda.org/about_our_earth/all_publications/
- set article type to anything within “Publication”
- several themes can be selected in order to make it show up on this page
(if it doesn’t show up, check your user permissions, see point 1 on top of this doc)
Getting Press Releases on the “Media & Resources for Journalists” page:
http://wwf.panda.org/wwf_news/press_releases/
- set article type to “Press Release”
- set theme/category to “Press Office”
(if it doesn’t show up, check your user permissions, see point 1 on top of this doc)
Getting Stories on the “Conservation Success Stories” page:
http://wwf.panda.org/what_we_do/successes/
- set article type to “News” or “Successes”
- set theme/category to “SUCCESS!”
(if it doesn’t show up, check your user permissions, see point 1 on top of this doc)
Getting Job postings on the “Jobs” page:
http://wwf.panda.org/who_we_are/jobs/
- set article type to “Job”
- set theme/category to “Jobs” or “Volunteer Appointments”
(if it doesn’t show up, check your user permissions, see point 1 on top of this doc)