Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Multiple H1 in every eCommerce page -Avenue template


victorc

Question

Site URL: https://seonaidrossart.com/available-works/sunset-on-the-oval

Hi:

I am new with SquareSpace

I need to manage a website which was created by a different programmer.

It seems the site is using the AVENUE template.

This is a website for an impressionist painter and each paint is a product in the eCommerce module

I found that every page  has more than one  H1, which is a NO-NO in best SEO practices.

It seems that the first H1 comes from the website name in the main template. However the H1 shouldn't be in he template as it will go to all other pages.

<h1 class="logo"><a href="/">Seonaid Ross Art</a></h1>

How can I modify the template so I can leave the logo but removing the h1 tag?

I appreciate your help

 

 

 

Edited by victorc
typo
Link to comment

8 answers to this question

Recommended Posts

  • 0
Quote

It seems the site is using the AVENUE template.

It is a v7.0 site using the Avenue template. You can check which version and template a site is by going to Home > Help and scrolling to the bottom.

Quote

How can I modify the template so I can leave the logo but removing the h1 tag?

There are only two methods. One you could use Javascript to restructure the page. That may not be useful as it would depend on if the search engine is scanning the rendered page or the page source.

The second and I strongly urge not to do this unless you are prepared and willing to commit, is to use Developer Mode. Even turning it on or off can destroy a site if you don't know what you are doing.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0

Here is some code to alter the structure of the page. As to whether this code will help or not I do not know. In other words. The code can make the change but if the change is effective, who knows?

Add the following to Settings > Advanced > Code Injection > HEADER. You don't need to install the jQuery line as that is already done on your clients site. That line is for others following along.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://d1j8mu9lowy9zf.cloudfront.net/twcsl/0.1d15/twcsl.js"></script>

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.

<script>

  $( ( ) => {
  
    /*
    
      store product detail logo class replace tag
      
      Version       : 0.1d0
      
      SS Version    : 7.0
      
      v7.0 Template : Avenue
      
      Dependancies  : jQuery
                      
                      twcsl
      
      Note          : the replacement element is not a deep copy
      
      By            : Thomas Creedon < http://www.tomsWeb.consulting/ >
      
      */
      
    const tagName = 'h2';
    
    // do not change anything below, there be the borg here
    
    if ( ! twcsl.storePage.isDetail ) return; // bail if not detail
    
    const attributes = { };
    
    const $element = $( '.logo' );
    
    $.each ( $element [ 0 ].attributes, function ( i, attribute ) {
    
      if ( attribute.nodeName == 'id' ) return;
      
      attributes [ attribute.nodeName ] = attribute.nodeValue;
      
      } );
      
    $element.replaceWith ( function ( ) {
    
      const $contents = $element.contents ( );
      
      const $newElement = $( `<${ tagName }>`, attributes )
      
        .append ( $contents );
        
      return $newElement;
      
      } );
      
    } );
    
  </script>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
On 8/25/2021 at 2:44 PM, victorc said:

I found that every page  has more than one  H1, which is a NO-NO in best SEO practices.

That's outdated information. Google doesn’t have any issues with a page having multiple H1 tags. Multiple H1 tags are perfectly fine.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

Did Google, or any search engine, really at one point actually penalize for multiple h1s?

When I hear this I think they must be (have been) nuts.

There must be tons of pages that use h1-6 as styling for outline like data.

Heading

  Sub-heading

    Some text here.

Heading

  Sub-heading

    Some text here.

etc. etc.

And then what about sites like SS sites that have a desktop and mobile version of elements. Each of those device types can use h1 for their particular presentation style.

It just seems madness that any search engine designer would come up with an only one h1 rule to begin with.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...