Anatomy of an optimized web page

An optimized web page is a lot more than what it looks to you when you load it into your browser. The web crawlers and search engine ranking algorithms see your web page in a totally different manner than how you and your prospective customers and clients see. Similarly, people on social networking websites view your web page differently than those who view your link on a search engine result page.

What is an optimized web page?

An optimized web page looks good to your human visitors as well as search engine crawlers. “Optimized” means it achieves its purpose both in terms of converting maximum number of visitors into paying customers and clients and getting higher search engine rankings on major search engines.

Have a look at this highly appealing and informative infographic sent to me by Kelsey Phillips of Surepayroll. This is where the infographic “The Anatomy of an Optimized Web Page” has been originally published.

Image of an infographic explaining the anatomy of an optimized web page
Click the image to enlarge

The main ingredients of an optimized web page are:

  • The web page title: Ideally it should be around 60 characters (according to the Yoast SEO plug-in recommendation). The web page title is different from the headline that you often see at the top of the body content. The web page title is the meta tag that lies within the <head> and </head> section of your web page. It can be different from your web page headline.
  • The web page description: This can be around 150 characters. Although these days in terms of SEO the web page description doesn’t count much but it helps to have a good description because the description appears on the search engine result pages and also when someone shares your link on Facebook or Twitter. Let it give a basic idea of what your web page represents and why people should visit and read it or view it. The web page description is also a meta tag and lies within the <head> and </head> section.
  • The headlines: You use headlines to highlight the main points of the copy of your web page. There should be one main headline within <h1> and </h1> in an ideally optimized web page. Then you can have multiple <h2>, <h3>, <h4>, <h5> and <h6> headlines.
  • Body text:
    Self-explanatory. While creating content for the body text, make sure that you use the right language and you stick to the main theme of your web page. Don’t try to cram everything into a single page. Divide different ideas within different sections. Strategically use the keywords and scatter them all over the body text.
  • Images:
    They can significantly enhance the quality of your web page. Don’t forget to include the alt text.

These are the basic ingredients that can help you create an optimized web page. The rest of the information you can view in the infographic above.