EverWeb Widgets HTML5

HTML5 & SEO

Planning

Search Engine Optimization starts before the website design software is opened. A website which has no logical structure is completely useless from the point of view of the search engine spiders.
Those who think they can open EverWeb, insert some text and images, drag them around to make a pretty layout and publish are going to be disappointed when Google barely recognizes their efforts.
Those who treat a web page like a piece of paper - and use a DTP (Desktop Publishing) mindset - should peel back the tab above left to see what the spiders get from the page.
Here's two simple examples to show the difference between using an HTML5 container and randomly inserting items on the page and dragging them around to create the layout.
The first example uses an HTML5 article widget...

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA>
<title>HTML5 SEO</title>
<meta name="description"
<link rel="stylesheet
<script type=
<style type=
#ewPageCurl{
width:40px;
height:40px;
position:fixed;

Northwest California

trinidad california
Trinidad Bay

The spectacular views of the Pacific Ocean and beautiful beaches near the small town of Trinidad were one of the highlights of our 2012 road trip to California's Northwest coast.
Although Trinidad is one of California's smallest incorporated cities with a population of around 350, it is big on charm and an ideal place to hang out and relax.

Road Trip - June 2012 - Roddy McKay

Code

<article>
<h1>Heading</h1>
<figure>
<img src="descriptive-file-name.jpg" alt="alt text" />
<figcaption>Image Caption</figcaption>
</figure>
<p>Text<a>LINK</a></p>
<p>Article Info, Date Author</p>
</article>

Spider's View

An article which the heading defines as being about Northwest California.
An image which has a descriptive file name and alt text with the key words "Trinidad" and "California".
A related caption defining it as "Trinidad Bay".
Descriptive text and a hyperlink to another page with related content about "Trinidad", "California".
Info about the article context, date and author.
NOTE: The article is a self contained unit and could be used as a blog post on another page or website without losing its sense and SEO value.

This example has an image dragged onto the page, a text box and an HTML heading...

Trinidad Bay

The spectacular views of the Pacific Ocean and beautiful beaches near the small town of Trinidad were one of the highlights of our 2012 road trip to California's Northwest coast.

Although Trinidad is one of California's smallest incorporated cities with a population of around 350, it is big on charm and an ideal place to hang out and relax.

Road Trip - June 2012 - Roddy McKay

Northwest California

Code

<div class="shape-1"></div>

<p>Text<a>LINK</a></p>

<p>Text</p>

<h3>Heading</h3>

In this version there is absolutely no indication that an image has been inserted.

There is a paragraph with a hyperlink.

There is another paragraph with some more info which may, or may not, be related to the first one.

These are followed by a totally unrelated <h3> heading which was inserted as an afterthought and dragged into position above the image.

NOTE: If the contrasting header and footer and the box shadow were added to this version, this would require at least 6 additional images to be uploaded to the server and downloaded by the browser.

Enough said!

Spider's View