Home / Ecommerce / The Anatomy of Fully SEO Optimized Website

The Anatomy of Fully SEO Optimized Website

anatomy-website

This article will summarize the anatomy of a website which has been optimized for SEO. Hope that through this article, you will have more information to optimize your site to get the best performance!

#1 URL

This is place to describe a site or page to visitors and search engines and identifies the file structure of a given website.

A good URL should:

  • Includes primary keyword phrases.
  • Use hyphens to separate words for readability.
  • Do not use underscores, spaces, or other characters to separate words.
  • Too many hyphens may make the URL appear spammy.

#2 Meta description tags

This meta tags are HTML attributes that provide a brief explanation of the page and often use to display a preview of a web page on search engine results pages to draw a reader to a website.

Meta descriptions tags should:

  • Suggested length: 100-150 characters.
  • Double quotes will cut of the description, if necessary, use single quotes instead.

#3 Title tag

Technically called title elements which defines the title of a website. It often used on search engine results pages to display preview snippets for a website and appears in browsers, search engine results pages and external websites.

Title tag should:

  • The closer the keyword is to the start of the title tag, the better it is for your ranking: place important keywords close to the beginning of the title tag.
  • Consider using title tools to see how a web page’s title would appear in google’s search results before launching the web page.
  • If the title is too long, search engines will cut it off and add an ellipsis at the end: though it is not a rule, try to stick below 512 pixels wide. Suggested length: 55 characters.

#4 Header tag

Includes up to six levels, H1 to H6: the H1 tag is the major heading of a web page. It briefly describes the topic of the section it introduces.

Header tags should:

  • Use H1 once per page
  • Avoid skipping heading levels.
  • Start with H1, and then move down sequentially.

#5 Article copy

It should:

  • Content should be comprehensive, useful, and relevant.
  • Employ related terms and phrases throughout the article.
  • Avoid overuse of keyword stuffing.
  • Highlight keyword phrases with bold or italic fonts where necessary.

#6 Visual assets

The visual elements provide an opportunity to show up in an image search result. The following image-related items are all important for optimization:

  • Filename: helps search engines identify what the image is about
  • Surrounding text: the text around an image may either be a caption or the article copy that follows the image. An image is often used to supplement the text around it.
  • Alt attribute: alt text is provided for an image in case it cannot be displayed, and for the visually impaired.

#7 Embed code

How to use embed code:

  • Makes it easier to share visual assets
  • Can build links back to your domain
  • Do not stuff keyword-rich links into your embed code

#8 Social share widgets

Include share buttons on the top and botton of the page: facebook, twitter, g+, linkedin, stumbleupon…

#9 Open graph Meta tags

Allow control over what content shows up when a web page is shared on most social media platforms.

The syntax of open graph meta tags:

  • Og:title – title of the page or content
  • Og:site_name – name of the web page
  • Og:description – brief description of the web page
  • Og:type – category or type of content
  • Og:image – URL of an image to represent the web page
  • Og:url – link to the web page

#10 Twitter cards

Allow control over that content shows up when a page is shared on Twitter. We can use a Twitter summary card with a large image. Tags are similar to open graph tags:

  • Twitter:card – similar to og:type
  • Twitter:url – url to represent the page
  • Twitter:title – title of the page or content
  • Twitter:description – brief description of the page
  • Twitter:image – sets the image to go with the tweet

 

Source @SurePayroll

Check Also

google-old

Web Design – 26 years of history

It has been 26 years since the first websites appeared in 1990, until now, web ...