You are currently viewing How to Write SEO Friendly Code in HTML
how to write seo friendly code in html

How to Write SEO Friendly Code in HTML

  • Post author:
  • Post category:SEO

SEO friendly in HTML means making sure your website is coded in a way that search engines can read and understand. This includes using proper tag hierarchy, nesting tags, and using semantic markup. It also means avoiding code that could trip up search engine crawlers, like Flash or JavaScript. following these best practices will help your website rank higher in search results.

Use Title Tags. Perhaps one of the most important HTML tags for SEO is that of the title

The title tags are what appear in the search engine results pages (SERPs) as clickable links to your website. They are perhaps one of the most important on-page SEO factors, so it is important to make sure that they accurately reflect the topic of your page.

Here are some tips for writing effective title tags:

1. Use Keywords Early On Make sure to include your target keywords in your title tags, preferably at the beginning. This helps to ensure that your page comes up when someone searches for those terms. However, don’t stuff your keywords in there; a couple of strategically placed ones should suffice. 2. Keep It Short and Sweet Title tags should be no longer than 60 characters, as anything beyond that is usually cut off by Google in the SERPs. Therefore, you need to make sure that you pack a punch with whatever you can fit into that limited space! 3. Make It Relevant and Descriptive Your title tag should be relevant to the content on your page, as well as being descriptive enough so that people know what they can expect when they click through to your site.

Fine-Tune Meta Description Tags

When you’re working on SEO for your website, one of the most important elements to focus on is your meta description tags. These are the short pieces of text that appear under your page’s title in search engine results pages (SERPs).

While meta descriptions don’t directly affect your page’s search engine ranking, they are still important because they can influence whether or not people click through to your site from the SERPs. A well-written meta description tag can be the difference between a user clicking through to your site and moving on to another result.

That’s why it’s important to take the time to fine-tune your meta description tags and make sure they are as effective as possible. Here are some tips for writing SEO-friendly meta descriptions:

1. Keep It Short and Sweet

Regardingmeta descriptions, less is definitely more. Search engines only display a certain number of characters in SERPs, so you need to make sure that your meta descriptions are concise and to the point. Aim for around 155 characters – anything longer than that will likely be cut off in SERPs. 2. Use Keywords Wisely

When you’re brainstorming potential meta descriptions for each page on your site, it can be tempting to stuff as many keywords into them as possible in an effort to gain ranking position. However, this is not an effective seo strategy and can actually do more harm than good by turning off potential visitors with what appears to be a stuffed or spammy result. Instead of cramming in keywords, focus on using them sparingly throughout your meta description in order to get your point across while still maintaining keyword relevancy for search engines.

Don’t Underestimate Header Tags

Most people don’t realize the importance of proper header tag usage on their website. Header tags are one of the most important elements on a website when it comes to SEO. They help search engines understand the structure of your site and give them an idea of what your site is about.

If you want your website to rank well in search engines, you need to make sure you’re using header tags correctly. Here’s a quick guide on how to do just that:

1. Use proper tag hierarchy.

The first thing you need to do is make sure you’re using the correct tag hierarchy when it comes to header tags. The proper hierarchy is as follows: H1 > H2 > H3 > H4 > H5 > H6. This means that your primary headline should be an H1 tag, followed by secondary headlines (H2), tertiary headlines (H3), and so on down the line. Using this hierarchy will help search engines better understand the structure of your site and improve your chances of ranking for relevant keywords.

2. Include keywords in your headers.

Building Links

1. Directory submissions – Submitting your site to relevant directories can help to increase your link popularity and improve your search engine rankings.

2. Reciprocal linking – Linking with other websites that are related to yours can help to increase your link popularity and improve your search engine rankings.

3. Article marketing – Writing articles and submitting them to article directories can help you build links while also providing valuable content for other website owners. This is a win-win situation!

4. Social media marketing – Utilizing social media sites such as Twitter, Facebook, and LinkedIn can help you build links while also getting traffic from these popular sites.

Twitter Card Tags

Twitter Cards are essentially little snippets of text that are automatically generated when someone tweet s a link to your website. They give you the opportunity to control what appears in the tweet, and can be used to promote your brand or specific content on your site.

There are four different types of Twitter Cards: Summary Cards, Summary Card with Large Image, Photo Cards, and Gallery Cards. Each one is designed for different types of content, so be sure to choose the right one for what you’re promoting. For example, if you have a blog post with several images, you would want to use a Gallery Card.

In order to add Twitter Card tags to your website, you’ll need to edit the code of your site’s template. If you’re not comfortable doing this yourself, there are plenty of plugins and services that will do it for you (for a fee). Once the code is added, anyone who tweet s a link to your site will have the option of including a Twitter Card with their tweet.

Keep in mind that not all users will see Twitter Cards when they tweet links from your site – it’s up.

The Robots Tag

The robots tag has two possible values: “index” and “noindex”. The “index” value tells crawlers to index the page and follow the links on it. The “noindex” value tells them to not index the page but they can still follow the links on it.

If you want your pages to be indexed, you should use the “index” value. If you don’t want your pages to be indexed, you should use the “noindex” value. You can also use both values together if you want some of your pages to be indexed and others not to be.

Here is an example of how to use the robots tag:

This example tells s all search engine crawlers not to index the page. However, they can still follow any links on the page if they choose too.


Jeremy is a SEO and web traffic specialist with years of experience in lead generation, sales, copywriting, and conversion optimization. He has helped countless businesses grow their online presence and increase their sales. His passion is helping businesses succeed online and he is always looking for new ways to improve his craft. He loves sharing his experience through articles and videos to help people achieve their marketing and sales goals.