• Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Start Here
  • Services
    • Website Design
    • Graphic Logo Design
  • Testimonials
  • Examples
  • Blog
  • Project Guide
  • About Darren
    • Why Work With Me?
    • About Ilkeston
  • Enquire Now

Ilkeston Web Design

Building Local Businesses, Pixel by Pixel

0115 714 3290
  • Email
  • Facebook
  • LinkedIn
  • Twitter
  • YouTube

Content Integration

You are here: Home / New Website Project Guide / Content Integration

As the content (any words, images, video, audio) takes shape and nears completion, it can begin to be inserted into the website.

WordPress has a word processor and editor built directly into posts and pages, which can be easily previewed.

Watch video on YouTube

1. Pay special attention to content layout and hierarchy (try to meet the user “Z” reading pattern)

In western culture, we read from left to right.

On the web, we still read left to write with the addition that we’re scanning the page quickly, unless we’re particularly engaged and therefore hanging off every word.

It’s wise to add plenty of line breaks at the end of sentences, by simply hitting the return button to start a new line.

Watch video on YouTube

2. Define headers (h1, h2, h3 etc.) & paragraphs

Headings and subheadings are given a label in the HTML code to denote size and importance. Headings help to organise text and made it easier to understand the flow of information.

3. Identify and add page titles with character limits

Web page titles need to be written and optimised for search engine results pages (SERPs).

The titles show up as the blue, bold hyperlinks.

For example, the page you’re looking at now can be found in the search engines, and looks like this:

Meta title for web page

These webpage titles are suggested to be a certain length and to include important keywords.

Depending on how your site is built, the title is programmed into the page code, or if you use WordPress, into the appropriate entry field:

4. Identify and add meta with character limits

Web page descriptions, like titles, need to be written (well, crafted, actually) because this is what entices a search engine user to click through to your site.

Depending on how your site is built, the description is programmed into the page code, or if you use WordPress, into the appropriate entry field:

5. Label links with title tags which show where they lead

Title tags are small text comments, aka tips, that appear when the user hovers their mouse cursor over a link.

Here’s an example (hover over the link).

It’s advised for ambiguous link names like “previous”, “next”, “click here”.


New Website Guide

< Previous | Next >

Menu

  • Preparation
  • Quote Submission
  • Planning
  • Layout
  • Content Preparation
  • Content Integration
  • Design
  • Technical & Usability
  • Functionalities

Primary Sidebar

How the Site Is Built

This guide tells you how your website will be built. I'm as transparent as possible about the process if you want to know "how the sausage is made".

Building a new site includes information gathering and setting up new services. For the most part, I'll handle this.

These pages are here as a courtesy and aim to fill any knowledge gaps you might have.

Contact Darren

Web Design Laptop

Need Help? Get In Touch…

Footer

Navigation

Home
Services
– Web Design
– Graphic Logo Design
Testimonials
Blog
New Website Project Guide
Portfolio
About Darren
– About Ilkeston
– Why Work With Me?
Contact

Social

Twitter
Facebook
YouTube
LinkedIn

Contact

Office 897, 109 Vernon House
Friar Lane, Nottingham,
NG1 6DQ

Based in Ilkeston, Derbyshire

Office: 0115 714 3290
Mobile: 07519 897 243
Email: [email protected]

Copyright © 2022 Ilkeston Web Design · ICO number: ZA305900


Web Design in Nottingham · Web Design in Derby · Privacy Policy · Terms & Conditions