div.slicknav_menu {display:none;}
        .nav { border-bottom: 0; margin: 0; background-color: #0CF; }
        .nav li a { display: block; text-decoration: none; padding: 0.75em; }
        .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 30px; }
        .nav { border: 0; }
        .nav ul { background: #0CF; margin-top: 0; list-style: none; padding-left: 0px; }
        .nav li { float: left; position: relative; }
        .nav li a { border-bottom: 0; }
        .nav li a:hover, .nav li a:focus { color: white; text-decoration: underline; }
        .nav li ul.sub-menu, .nav li ul.children { margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; z-index: 8999; }
        .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; }
         .nav li ul.sub-menu li ul, .nav li ul.children li ul { top: 0; left: 100%; }
        .nav li:hover > ul { top: auto; visibility: visible; }
        /* ########################
        Content styles
        ######################## */
        main#main img { max-width: 100%; height: auto; }
        img.alignright { float: right; margin: 0 0 1em 1em; }
        img.alignleft { float: left; margin: 0 1em 1em 0; }
        img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
        .alignright { float: right; }
        .alignleft { float: left; }
        .aligncenter { display: block; margin-left: auto; margin-right: auto; }


/*==================== Nav ====================*/
    .nav { float: right; background: none; margin-top: 30px; }
    .nav ul { background: none; }
    .nav ul a { color: #000; }
    .nav ul a:hover { color: #000; }
    .nav ul li:last-of-type a { padding-right: 0px; }

/*==================== Body ====================*/
    .wp-block-image figcaption { color: #888888; margin-bottom: 30px; }
    .wp-block-image.size-full { margin-bottom: 30px; padding: 5px; background-color: #00aade; }
    .wp-block-image.size-full figcaption { text-align: center; color: #fff; margin-bottom: 10px; }
    .article-header img { padding-bottom: 1.5em; }



/*==================== Home Page ====================*/
    .blog-grid { justify-content: space-between; }
    .blog-grid .d-1of3 { width: 30%; flex-basis: 30%; }
    .blog-grid h3 { font-size: 1.1em; line-height: 1.3em; padding-bottom: 0px; }
    .blog-grid p.post-date { padding-bottom: 5px; font-size: 0.8em; }
    .blog-grid p.post-excerpt { font-size: 0.8em; }

    .blackOverlay { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; }

/*==================== Pagination ====================*/
    .pagination, #content .pagination { text-align: center; width: 100%; clear: both; padding: 20px 0px; }
    .pagination ul, #content .pagination ul {display: inline-block;background-color: white;white-space: nowrap;padding: 0;margin: 0;clear: both;border-radius: 3px;}
    .pagination li, #content .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; }
    .pagination a, .pagination span, #content .pagination a, #content .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 14px; font-size: 14px; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2592E9; }
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2592E9 !important; color: white !important; }
    .pagination .current, #content .pagination .current { cursor: default; color: #fff !important; background-color: #2592E9; }
    .pagination .current:hover, .pagination .current:focus { background-color: #2592E9; color: white !important; }


Website SEO with WordPress

What is SEO?

Search engine optimization is vital for the success of websites of all sizes as it directly affects the number of visitors the website will receive from search engines such as google. Every website should have a SEO strategy in place to ensure that everything possible is being done to increase visitor numbers to the site, to start with it is important to ensure every page on your website has the correct meta information most importantly the Title and Description meta tags.

The Title description tag appears at the top of the users browser and if they bookmark your website it will be the title of the bookmark

but more importantly for SEO this is used as the title of your page in search engine results

This means that from a user ability point of view this information needs to be informative and encourage users to click on your link in a page of search results however it is also important that the title gives search engines the information they need to rank your website for relevant searches.

so lets look at some examples for a pizza restaurant in Cambridge.

‘the supper dupper amazingly fun place to eat’ – this is a bad example as it does not give any informaton on what the page is about

‘Harry’s pizza place, best pizza and pasta in Cambridge’ – this example gives users and search engines the information they need, search engines will know to rank the page for searches for pizza in Cambridge.

the next example is for a letting company in Harlow.

‘property number: 124656e3 from the essex office’ – This example is bad because it does not provide any useful information to users and sets the location to the agents office but the property could be anywhere within that offices region.

‘large office space in Harlow south street from Harrys lettings’  – this example lets users and search engines know that the page contains information on an office space that is located in Harlow.

these examples only illustrate the way in which title tags should be worded in reality they should be longer – around 50-80 characters

 

The description of the page is shown in search results under the title of the page

This means that like the title tag it needs to encourage users to click on the link but with information that will appeal to search engines as well, it follows the same methods as the title but should be a summary of the information on the page and slightly longer at around 140 characters

How to implement SEO using WordPress?

WordPress lets users update websites quickly and easily and as such is a popular Content Management System used on thousands of websites worldwide, implementing SEO on a WordPress website is very easy all you need to do is install a WordPress SEO plugin, my favorite example is SEO-Ultimate available on the WordPress plugin website.

with this plugin installed each page and post will have the option for adding the title and description.

all you need to do is enter the title and description into the fields and WordPress will handle the rest.