replaced http://webmasters.stackexchange.com/ with https://webmasters.stackexchange.com/

Source Link

edited Apr 13, 2017 at 12:33

1

I have a problem here where Google shows my <nav> instead of my main section in the SERPs. On top of that, because my nav is made up of inline elements because my nav is made up of inline elements, the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

Instead, how do I get Google to show my main section? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
            <a>...</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">Main content goes here</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

I have a problem here where Google shows my <nav> instead of my main section in the SERPs. On top of that, because my nav is made up of inline elements, the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

Instead, how do I get Google to show my main section? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
            <a>...</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">Main content goes here</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

I have a problem here where Google shows my <nav> instead of my main section in the SERPs. On top of that, because my nav is made up of inline elements, the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

Instead, how do I get Google to show my main section? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
            <a>...</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">Main content goes here</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Tweeted twitter.com/StackWebmasters/status/659014446908624896

occurred Oct 27, 2015 at 14:31

added 168 characters in body

Source Link

edited Oct 12, 2015 at 20:45

Mark Boulder

173
4

How do I get Getting Google to index main section instead of nav in SERPs

I have a problem here where Google shows the contents of my <nav> ininstead of my categorymain section in the SERPs, and because my nav is made up. On top of inline elementsthat, because my nav is made up of inline elements, the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

So insteadInstead, how do I get Google to show my main section instead? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
            <a>...</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">Main content goes here</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

How do I get Google to index main section instead of nav in SERPs

I have a problem here where Google shows the contents of my <nav> in my category SERPs, and because my nav is made up of inline elements the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

So instead, how do I get Google to show my main section instead? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">Main content goes here</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Getting Google to index main section instead of nav in SERPs

I have a problem here where Google shows my <nav> instead of my main section in the SERPs. On top of that, because my nav is made up of inline elements, the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

Instead, how do I get Google to show my main section? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
            <a>...</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">Main content goes here</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

added 168 characters in body

Source Link

edited Oct 12, 2015 at 20:40

Mark Boulder

173
4

SERPs: Getting How do I get Google to index main section instead of nav in SERPs

I have a problem here where Google shows the contents of my <nav> in my category SERPs, and because my nav is made up of inline elements the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

So instead, how do I get Google to show my main section instead? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article">class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1>Main<h1 itemprop="name">Main content goes here</h1>
              <p><p itemprop="description">...</p>
            </div>
            <div class="article">class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1><h1 itemprop="name">...</h1>
              <p><p itemprop="description">...</p>
            </div>
            <div class="article">class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1><h1 itemprop="name">...</h1>
              <p><p itemprop="description">...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

SERPs: Getting Google to index main section instead of nav

I have a problem here where Google shows the contents of my <nav> in my category SERPs, and because my nav is made up of inline elements the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

So instead, how do I get Google to show my main section instead? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article">
              <h1>Main content goes here</h1>
              <p>...</p>
            </div>
            <div class="article">
              <h1>...</h1>
              <p>...</p>
            </div>
            <div class="article">
              <h1>...</h1>
              <p>...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

How do I get Google to index main section instead of nav in SERPs

I have a problem here where Google shows the contents of my <nav> in my category SERPs, and because my nav is made up of inline elements the result gets really messy:

example.com - My page title
www.example.com/url/to/page - Translate this page
LoremIpsumDolorSitAmetConsecteturAdipiscingElitSedDoEiusmod...

So instead, how do I get Google to show my main section instead? Is it as simple as wrapping my content in <main>?

Most sites I've seen don't have their navs showing in their SERPs anyway:

https://google.com/search?q=site:stackoverflow.com

My markup is basically this:

<html>
  <head>...</head>
  <body>
    <!-- jQuery Mobile `page`: https://api.jquerymobile.com/page/ -->
    <div data-role="page">
      <div data-role="header">...</div>
      <div data-role="content">
        <div class="top">
          <nav>
            <a>Lorem</a>
            <a>Ipsum</a>
            <a>Dolor</a>
            <a>Sit</a>
            <a>Amet</a>
          </nav>
        </div>
        <div class="main">
          <div class="articles_wrapper">
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">Main content goes here</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
            <div class="article" itemscope itemtype="http://schema.org/ScholarlyArticle">
              <h1 itemprop="name">...</h1>
              <p itemprop="description">...</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

added 1083 characters in body

Source Link

edited Oct 12, 2015 at 20:29

Mark Boulder

173
4

Loading

Source Link

asked Oct 12, 2015 at 20:03

Mark Boulder

173
4

Loading

Stack Exchange Network

Return to Question

How do I get Getting Google to index main section instead of nav in SERPs

How do I get Google to index main section instead of nav in SERPs

Getting Google to index main section instead of nav in SERPs

SERPs: Getting How do I get Google to index main section instead of nav in SERPs

SERPs: Getting Google to index main section instead of nav

How do I get Google to index main section instead of nav in SERPs