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!
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
- 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