To achieve a top listing with a search engine’s result page for a specific keyword or phrase for a specific web page or website, you need to analyze the structure of that page. The term “content is king” applies to some extent, but how the content is built, the structure of the XHTML is really important in making the content index to the top of the SERPs (Search Engine Result Pages).

Consider the behavior of a person reading a newspaper. Not all pages will be looked at in any detail, scanning headlines, key areas that stand out on a page or keywords of interest is what the reader will hone into. A web page is no different. Not only do you have to have good, original, relevant to the topic (key words), but you must "type-set" that content into a logical format that is easy to understand quickly. Once the reader is "hooked", more details within the article, info should be available either in finer print, links, images, or other relevant media for a web page to pull and keep the reader active.

This is where semantic structure of the page and content is very important. With the advent of mobile technology, page structure is even more important for a wider range of users to access your information. One tool by the World Wide Web Consortium (W3C) has this semantic extraction tool to help you analyze your page’s semantic structure. Firefox has several add-ons that allow you to view a web pages semantic structure, usually based on the XHTML header tags <h1></h1>...<h6></h6>, <p></p> and other structural elements.

SEO best practices start at the foundation of a page and the semantic structure plays an important role along with good content, properly placed keywords, meta data, links, relevant media, XHTML element placement, usage and fine-tuning with their corresponding attributes.

SEO semantics: The foundation for top SERPs is a post from: WebPaws.com

Anchor Text: the meat of links, the nervous system of the Web

Anchor text is the visible text that is anchored to a hyperlink (web link on a web page).  This is important because the internets primary purpose is to display pages and link them to other pages of relevant content to enhance your browsing experience.  There are many kinds of links, but the primary static text/image linked links are the most common and found on most every web page on the internet.  Further examination of links in XHTML (Extensible Hypertext Markup Language) of a hyperlink code may look like this:

CODE:
<a href="http://web.marketing.webpaws.com/">WebPaws.com&rsquo;s Internet Marketing Services</a>

HOW YOUR BROSWERS DISPLAYS IT:
WebPaws.com’s Internet Marketing Services

We will now review the XHTML code including the meat of the link, the anchor text.  An “a” tag means the anchor or start of a link, where we start the hyperlink code.  The “href” is the hyperlink reference or the URL (Uniform Resource Locator) that tell your computer’s browser where to go for the specific information (linked page) and download and pull it up in your browser.  The anchor text is text sandwiched between the opening <a> tag and the closing </a> tag.  In this example, the anchor text is “WebPaws.com’s Internet Marketing Services” and is the text that is associated with the link “http://web.marketing.webpaws.com/”.

This is an important key factor in increasing your search engine rankings because the search engines use this (anchor) text to aid in determining the relevance of the linked page to the anchor text used as incoming keywords.  The use of this particular anchor text will help the domain, web.marketing.webpaws.com, perform better in search engine results for the keyword “WebPaws.com’s Internet Marketing Services” and similar keyword phrases too (e.g., “Internet Marketing”, “Marketing Services”, WebPaws.com, etc.)

Anchor Text: The meat of the link is a post from: WebPaws.com

SEO Lesson 2

by Ryne C Allen, WebPaws.com

Search Engine Optimization starts at the inception of your web page or site and evolves with a purpose or direction, appropriate content, semantic structuring of the HTML document and then formating this document into an attractive presentation using CSS.  All the while following known web standards to produce a solid foundation in which to further market your web page.

Business websites should be part of the business’ marketing plan or broader yet, the business plan. Even non-business websites should have a plan or written conception. In lieu of a previous written plan, the minimum suggestive guide would be a “statement of purpose” for your website followed by some basic marketing research to be used in the development of your website.

The statement of purpose defines the reason to create your website (sell products, disseminate information, provide a service, become a portal, promote a business, collect data, etc.), the primary purpose of your website (transactional, informational, social, promotional or a hybrid of purposes) and what measurable goals you expect after 3 months, 6 months and 1 year from launching your website. This information is critical to having a successful website, one that meets your goals and expectations. You develop and write content to meet your website’s purpose. This is your primary focus for the content you add to build your website. If you lose focus of your primary purpose, then your website will not meet the goals you have set and will not rank well for its primary purpose.

Examples statement of purpose and results:

Organization: Humane Society

Primary Purpose: Rescue animals, care for them and find them good homes

Website Purpose: Promote & find sheltered animals good homes, donations

Goals: 3 m – 3% adoptions, 6 m – 10% adoptions, 1 year – 25% adoptions

Results: 3 m – 2% adoptions, 6 m – 7% adoptions, 1 year – 35% adoptions

Website: Example Website – http://www.webpaws.com/mwhs/

In order for this example website to be successful, the site needed to be designed around the animals rescued and up for adoption. In this case, cats where the primary animals rescued and the primary focus of the website. So visitors looking to adopt a pet cat can easily navigate within the example website and learn about the different cats up for adoption, get attached or attracted to a certain cat, fill out a request form (a lead) which might motivate them to go in person to the shelter and adopt their new pet (a conversion).

Now that you have the focus of your website content, you can start to assemble the primary pieces into an SEO friendly format or semantic structure. Developing good semantic HTML (HyperText Markup Language) structure is one key to a solid foundation for your website. Good HTML structure is based on communicating properly, using logic, order, in your content with semantically correct markup (HTML) structure. For example, if you have a heading, then use the heading element, beginning with the <h1> element. If you have a paragraph, then use a paragraph element <p>. If you have a list, then use a list item element <li>. If you are quoting text content, then use a blockquote element <blockquote>. If you are placing code examples in your content, then use the code element <code>. These and other HTML elements provide meaning to the content, making them semantically correct, in addition to providing a solid HTML foundation for your web page.  Expert SEO marketers will in addition to using correct semantically structured HTML elements, add appropriate attributes to these base HTML elements (tags) to fully optimize the content’s message and readability by user agents (web bots).  An example attribute would be:
<h1 title="Good SEO practices start with a solid HTML document">SEO Practices</h1>

Good semantic HTML practices require two things of authors:

1. To avoid the use of presentational markup (elements, attributes, and other entities) in the primary content of the document
2. To use available markup to differentiate the meanings of phrases and structure in the document. So for example, a book title would need to have its own element and class specified, such as <cite class="booktitle">The Adventures of Tom Sawyer</cite>. Here, the <cite> element is used because it most closely matches the meaning of this phrase in the text. However, the <cite> element is not specific enough to this task, since we mean to cite specifically a book title as opposed to a newspaper article or an academic journal.

The development and proliferation of CSS has led to increasing support for semantic HTML, because CSS provides designers with a rich language to alter the presentation format of semantic-only documents. With the evolving development of CSS, the need to include presentational properties in the basic HTML structure of your web document is now hurting your SEO in favor for proper semantic HTML structure followed by CSS design to appease both the automated user agents and human visitors or your web pages.

Proper semantic HTML is one key element to building an SEO friendly website. By providing a semantically rich HTML document (web page) it will yield additional value to your code in several ways:

1. First, it provides consistency in style across elements that have the same meaning. Every heading, every quotation and every similar element receives the same presentation properties, which in turn,.makes your HTML web page more intelligible to a wider range of user agents which range from web browsers and e-mail clients to search engine crawlers (“spiders”), as well as mobile phones, screen readers and Braille browsers used by people with vision impairments, but in this case, especially user agents as search engines bots

2. Second, semantic HTML frees authors from the need to concern themselves with presentation details. Such details would be left up to stylesheet designers, which would make better use of CSS (Cascading Style Sheets – a kind of type-setting and page formatting code) for the human visitor

3. A third advantage is device independence and repurposing of documents to reach or be viewed by different user agents. A semantic HTML document can be paired with any number of stylesheets (CSS documents) to provide the proper type of output to various computer screens (Web browsers), high-resolution printers, handheld devices, aural browsers or Braille devices for those with visual impairments, and so on

4. Additionally, these user agents may more easily find clues for developers to use possible web hooks of interest and add them in their projects or products. A web hook is a very simple server-side mechanism for web applications that allow users to do what they want with their data. You just let them specify the URI for various events that the application will use to pass data or information to in real-time

Developing proper semantic design of your content, followed by the appropriate design elements of the style sheets (CSS) makes it easier to follow the World Wide Web Consortium (W3C) web standards. You can check if your code meets the current web standards by checking these on-line validators:

· W3C X/HTML Validator: http://validator.w3.org/

· W3C CSS 2 Validator: http://jigsaw.w3.org/css-validator/

· W3C Semantic Checker: http://www.w3.org/2003/12/semantic-extractor.html

Please note, even if your web code is XHTML or CSS valid, it is not necessarily semantically correct. This still needs to be checked by a human, but the Semantic Extractor above aids humans (web developers) in their semantic HTML structure designs.

We now have a good map to help us develop a rock-solid foundation for our web page that will yield the most effective SEO performance in the Search Engine Result Pages (SERPs).

SEO – Search Engine Marketing, Lesson 2 is a post from: WebPaws.com