Search code examples
htmltwitter-bootstrapfigure

Can i put logo inside the figure?


Can i put logo nested with anchor inside the <figure> ? Is it right?
Here is the code

<header>
    <div class="row">
      <figure class="col-sm-5"> <a href="index.html" class="logo"> <img src="images/logo.gif" class="img-responsive" height="60" width="330" alt="site-logo"> </a> </figure>
      <div class="col-sm-7">
        <div class="well">
          <div class="row">
            <div class="col-xs-9"><nav></nav></div>
            <figure class="col-xs-3"> <img src="images/helpline.gif" class="img-responsive" height="60" width="120" alt="helpline-image"> </figure>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
  </header>

Solution

  • For better SEO, put your logo inside H2 tag.

    <h2>
       <a href="#">
          <img src="logo.gif" alt="stackoverflow-logo"/> 
       </a>
    </h2>
    

    Give proper name for alternate text tag alt, instead of site logo, give your companyname-logo