SEO Elements Inside the Body

The <body> contains all the visible content of a webpage. This is the part that users see and Google reads to understand the page's content.

<body>
  <!-- Visible content goes here -->
</body>

1. Heading Tags

One H1 for the main page topic.
Use H2 for major sections.
Use H3 under H2 when needed.
must follow the heading hierarchy
Don't use headings just to make text larger. Use CSS for styling.

2. Paragraphs

Write clear, useful content that answers user questions.

<body>
  <p>Python is a simple programming language.</p>
</body>

3. Images

Google cannot fully understand an image just by looking at it.
The alt attribute explains the image.Write meaningful alt text.
Use descriptive file names.
Specify width and height.
Use loading="lazy" for most images. (without hero image)
Make images responsive.
Use modern formats like WebP or AVIF when possible.
Compress images before uploading to reduce the file size while maintaining good quality.
Hero/Banner images: Less than 100 KB
Other webpage images: Less than 50 KB
Icons and logos: As small as possible, usually 5 to 20 KB

alt="image"  //Bad
alt="Student learning Python programming"  //Good  


IMG12345.jpg          //bad
python-programming-course.jpg    //good

4. Links

Internal links help Google discover other pages on your website.
External links can provide references to trusted sources.
Use descriptive anchor text.
remove broken or orphan links

Click Here    //bad
Download Python Notes  //good

5. Semantic HTML

Instead of using only <div> elements, HTML5 introduced semantic elements that describe the purpose of content.

Google understands the structure of the page much better.

<head>
  -------
</head>

<body>  
  <main>          //tells Google this is the primary content.
      <header>     ///heading part or Website Header
         ----------
      </header>
      <nav>             //contains navigation links.
         -----------
      </nav>
      <aside>            //side bar
         -----------
      </aside>
      <section>
         ----------
      </section>
      <article>          //blog or news
         ----------
      </article>
      <footer>          //footer section 
         ----------
      </footer>
 </main>
</body>