skip to Main Content

The customer wants the content of a parent page to be minimal, just images with links to the child pages.

For example:

Page: Vegetables |
Child pages: Cucumber, Carrot, Cabbage.**

Having in mind SEO best practices, should I use in the mark-up h2 headings or since there is almost no other content I should use normal links.

<h1> Vegetables</h1>
<div class="item"><img src="cucumber.jpg"> <a href="#"><h2> cucumber</h2></a></div>
<div class="item"><img src="carrot.jpg"> <a href="#"><h2> carrot</h2></a></div>
<div class="item"><img src="cabbage.jpg"> <a href="#"><h2> cabbage</h2></a></div>

2

Answers


  1. As long as there is some content between each h2 then you are fine. Otherwise you should use a list:

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Simple example</title>
      </head>
      <body>
        <header> <!-- Main header - Ignore if it isn't your case -->
          <h1>Vegetables</h1>
        </header>
        <nav> <!-- Main navigation bar - Ignore if it isn't your case -->
          <ul class="vegetables">
            <li class="item"><a href="#" title="Cucumber">Cucumber</a></li>
            <li class="item"><a href="#" title="Carrot">Carrot</a></li>
            <li class="item"><a href="#" title="Cabbage">Cabbage</a></li>
          </ul>
        </nav>
      </body>
    </html>
    
    Login or Signup to reply.
  2. In SEO, it is required to follow the structure of the content. The heading should be H1 including the main topic of the webpage or you can say a keyword-relevant to the web content. HTML has six different heading tags — h1, h2, and so on until h6.

    Apply header tags on content only. You can apply list as suggested by @JuanLeme above.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search