Animated H1 - Impact on SEO?

by maxum
22 replies
  • SEO
  • |
Hi,

We have a website where the text which we want to be the H1 is animated, it appears after 2 seconds after the page is loaded with an animation. Will this impact SEO, in other words, will the website be seen as missing an H1 or not?

Really curious, otherwise we need to find another solution. Thanks!

Maxum
#animated #impact #seo
  • Profile picture of the author savidge4
    Originally Posted by maxum View Post

    Hi,

    We have a website where the text which we want to be the H1 is animated, it appears after 2 seconds after the page is loaded with an animation. Will this impact SEO, in other words, will the website be seen as missing an H1 or not?

    Really curious, otherwise we need to find another solution. Thanks!

    Maxum
    Forget the SEO factors... 2 seconds? that's an eternity. Part of the non SEO value in the H1 is the physical size of the text... it is probably the most important piece of text on your page, and you are literally risking someone coming onto your page and saying "whats this page about?" scrolling down and finding nothing of interest or grabbing them and leaving.... ALL of this will probably happen in the 2 second load time.
    Signature
    Success is an ACT not an idea
    {{ DiscussionBoard.errors[10952041].message }}
    • Profile picture of the author maxum
      Originally Posted by savidge4 View Post

      Forget the SEO factors... 2 seconds? that's an eternity. Part of the non SEO value in the H1 is the physical size of the text... it is probably the most important piece of text on your page, and you are literally risking someone coming onto your page and saying "whats this page about?" scrolling down and finding nothing of interest or grabbing them and leaving.... ALL of this will probably happen in the 2 second load time.
      Hi Savidge,

      Thanks for your reply and I understand your point. But the thing is, it's not like a blog or landing page which needs a title right away which explains the content. It's a company page with a logo and there is an animated carousel with some texts appearing. So that's why it's not a big problem showing the message later, as normally I wouldn't advice either. Here's an example of how it works: Uncode - Creative Multiuse WordPress Theme Preview - ThemeForest The animated text (Creative Agency....) I want to make h1. And maybe it's 1 second
      {{ DiscussionBoard.errors[10953572].message }}
      • Profile picture of the author yukon
        Banned
        Originally Posted by maxum View Post

        Hi Savidge,

        Thanks for your reply and I understand your point. But the thing is, it's not like a blog or landing page which needs a title right away which explains the content. It's a company page with a logo and there is an animated carousel with some texts appearing. So that's why it's not a big problem showing the message later, as normally I wouldn't advice either. Here's an example of how it works: Uncode - Creative Multiuse WordPress Theme Preview - ThemeForest The animated text (Creative Agency....) I want to make h1. And maybe it's 1 second


        That <h1> isn't animated. It's plain text.

        It's right there in the HTML.

        Code:
        <h1 class="font-762333 fontsize-155944 fontheight-357766 fontspace-111509"><span>You deserve a stunning website</span></h1>

        Like I always say, learn HTML If you plan on doing SEO otherwise you're just guessing.
        {{ DiscussionBoard.errors[10953574].message }}
        • Profile picture of the author maxum
          Originally Posted by yukon View Post

          That <h1> isn't animated. It's plain text.

          It's right there in the HTML.

          Code:
          <h1 class="font-762333 fontsize-155944 fontheight-357766 fontspace-111509"><span>You deserve a stunning website</span></h1>

          Like I always say, learn HTML If you plan on doing SEO otherwise you're just guessing.
          Wrong link sorry, this is the demo overview. This is the right example: https://undsgn.com/uncode/homepages/creative-agency/. There is no H1 in there so I want to add one and figuring out on which part of the content. In the animated text is the subject of the page so that's why I want to put it on there, but then it needs to be seen by Google for SEO.

          I know my HTML by the way, I've been a programmer
          {{ DiscussionBoard.errors[10953583].message }}
          • Profile picture of the author yukon
            Banned
            Originally Posted by maxum View Post

            Wrong link sorry, this is the demo overview. This is the right example: https://undsgn.com/uncode/homepages/creative-agency/. There is no H1 in there so I want to add one and figuring out on which part of the content. In the animated text is the subject of the page so that's why I want to put it on there, but then it needs to be seen by Google for SEO.

            I know my HTML by the way, I've been a programmer


            There's 3 <h2> tags in the slider, change one to an <h1> then use the same CSS styling. Traffic will never know the difference and you'll have an <h1>.


            Code:
            <h2 class="font-762333 fontsize-739966 fontspace-111509 font-weight-800"><span>Robust Design</span></h2>
            
            <h2 class="font-762333 fontsize-739966 fontspace-111509 font-weight-800 text-capitalize"><span>Experience</span></h2>
            
            <h2 class="font-762333 fontsize-338686 fontspace-111509 font-weight-700"><span>Our works</span></h2>
            {{ DiscussionBoard.errors[10953995].message }}
  • Profile picture of the author automathings
    Do you mean that the H1 is added to the DOM after the page is loaded, or is the visibility or display CSS style changed? That's an interesting question...my guess would be that it would be seen as missing as Google is smart enough to detect hidden text as that's a black hat SEO technique.

    When you pull up your site in Google, try looking at the cached page (click the down arrow to the right of the URL) and see what it displays. I'd be curious to know myself.
    {{ DiscussionBoard.errors[10952043].message }}
    • Profile picture of the author maxum
      Originally Posted by automathings View Post

      Do you mean that the H1 is added to the DOM after the page is loaded, or is the visibility or display CSS style changed? That's an interesting question...my guess would be that it would be seen as missing as Google is smart enough to detect hidden text as that's a black hat SEO technique.

      When you pull up your site in Google, try looking at the cached page (click the down arrow to the right of the URL) and see what it displays. I'd be curious to know myself.
      Great suggestion thanks. Looked it up but then when i look in the cache, it's showing the animation just like on the live page. So don't know if google sees it actually... :s Here's an example of the page (other design/original theme - https://undsgn.com/uncode/homepages/creative-agency/
      {{ DiscussionBoard.errors[10953575].message }}
  • Profile picture of the author hrishivardhan
    All the Headings are still the important factor ans You should try to optimize it as much as possible.
    Signature
    Orderhive is a multichannel
    Inventory Management Software
    {{ DiscussionBoard.errors[10952086].message }}
    • Profile picture of the author maxum
      Originally Posted by hrishivardhan View Post

      All the Headings are still the important factor ans You should try to optimize it as much as possible.
      yes, indeed. That's why I want a H1 but it's missing in the theme which I am using here. So I'm trying to fix it.
      {{ DiscussionBoard.errors[10953585].message }}
  • Profile picture of the author Redoanbd
    I think this is not an SEO factor. You can fixing it by editing your stylesheet. There may be an animated styleshhed included. You can display it on hide it.
    Thanks.
    {{ DiscussionBoard.errors[10952246].message }}
  • Profile picture of the author yukon
    Banned
    Animated H1 - Impact on SEO?

    Simple, look at the text version of the page. Either the text exist or it doesn't.

    Done.
    {{ DiscussionBoard.errors[10952288].message }}
    • Profile picture of the author maxum
      Originally Posted by yukon View Post

      Simple, look at the text version of the page. Either the text exist or it doesn't.

      Done.
      Good point, when I see the page result of https://www.textise.net/ for example and I see the animated text showing up, I can conclude for sure Google sees it (and the H1) for sure?
      {{ DiscussionBoard.errors[10953594].message }}
  • Profile picture of the author paulgl
    It appears we have hit a new bottom, or at least a new unicorn.

    We now have powerpoint mentality taking over webpage design.

    (BTW, out of the top 10 things NOT to do with powerpoint, the #1 one is....actually using it.)

    Unless you have a webpage on animation, where an animated h1 or whatever might seem cute, you are playing with fire when you just toss it in, just because or you think it looks cute.

    Eventually, they might find a valid use for such a thing. But until then, leave it off the table.

    Leave the h1 alone, animate something else.

    Paul
    Signature

    If you were disappointed in your results today, lower your standards tomorrow.

    {{ DiscussionBoard.errors[10952453].message }}
    • Profile picture of the author maxum
      Originally Posted by paulgl View Post

      It appears we have hit a new bottom, or at least a new unicorn.

      We now have powerpoint mentality taking over webpage design.

      (BTW, out of the top 10 things NOT to do with powerpoint, the #1 one is....actually using it.)

      Unless you have a webpage on animation, where an animated h1 or whatever might seem cute, you are playing with fire when you just toss it in, just because or you think it looks cute.

      Eventually, they might find a valid use for such a thing. But until then, leave it off the table.

      Leave the h1 alone, animate something else.

      Paul
      Hi Paul,

      I understand what your saying. In this case I am using a theme (actually a pretty solid theme I purchased from themeforest, check https://themeforest.net/item/uncode-...theme/13373220).

      But one of their demo's (which I used as a starting point) doesn't have an H1: https://undsgn.com/uncode/homepages/creative-agency

      So I need to find a solution. I think the theme is pretty solid and well thought out (my opinion of course), but this is just a minor issue I am trying to solve.
      {{ DiscussionBoard.errors[10953588].message }}
    • Profile picture of the author maxum
      Thanks for all the replies btw members. Awesome.
      {{ DiscussionBoard.errors[10953593].message }}
  • Profile picture of the author Double Tei
    I just include my keyword on H1 tag. This is such a new way
    {{ DiscussionBoard.errors[10952546].message }}
    • Profile picture of the author maxum
      Originally Posted by Double Tei View Post

      I just include my keyword on H1 tag. This is such a new way
      Yes, but there's an H1 missing, that's the point. I want to add H1 on animated text but need to be sure it's seen so it impact SEO.
      {{ DiscussionBoard.errors[10953584].message }}
  • Profile picture of the author Dr los3
    I'm a simple man. I see yukon give his wisdom. I give thanks.
    {{ DiscussionBoard.errors[10953741].message }}
  • Profile picture of the author dave_hermansen
    When I look at the code, I see multiple H1s buried in the javascript but no actual H1. I have no clue how Google sees that. I would put the H1 static either above or below the carousel if you are really concerned about it.

    In the end, despite what everybody here seems to believe, having or not having an H1 is not a make or break deal for whether a page is going to rank. It has a very minimal effect, if any, compared to other more important things like backlinks. We've had plenty of sites and pages rank #1 that did not have H1s (the software made page headings H2s by default).
    Signature
    StoreCoach.com - FREE TRAINING - Learn How to Build Your Own eCommerce Website
    My PROVEN ecommerce process, as seen on: Fox Business News, the NY Times & Flippa
    {{ DiscussionBoard.errors[10953902].message }}
    • Profile picture of the author savidge4
      Originally Posted by dave_hermansen View Post

      In the end, despite what everybody here seems to believe, having or not having an H1 is not a make or break deal for whether a page is going to rank. It has a very minimal effect, if any, compared to other more important things like backlinks.
      An H1 tag unto itself may not be such a big deal, but in the bigger scope of things... each little bit adds up. As much as I understand what you are saying.. and I understand the value of linking... the fact is there are literally a ton of variables in the SEO equation. My personal philosophy is that the more of these little SEO efforts I can put a check next to - the broader my SEO efforts are, the better in the long run my pages ability not only to rank once I hit them with back links.. but its ability to stay there.
      Signature
      Success is an ACT not an idea
      {{ DiscussionBoard.errors[10954131].message }}
  • Profile picture of the author dave_hermansen
    Just thought I'd post this very related piece that appeared on Search Engine Roundtable today. Google's John Mueller talks about H-tags, their order on a page and importance - https://www.seroundtable.com/google-...ngs-23150.html
    Signature
    StoreCoach.com - FREE TRAINING - Learn How to Build Your Own eCommerce Website
    My PROVEN ecommerce process, as seen on: Fox Business News, the NY Times & Flippa
    {{ DiscussionBoard.errors[10955002].message }}
  • Profile picture of the author yukon
    Banned
    Heading tags can show up as SERP titles so there's that... ...and I seriously doubt John Mueller will tell you things like this (Real SEO).

    My point is you can have multiple variations of text show up on Google SERP titles from a single money page depending on the search query.
    {{ DiscussionBoard.errors[10955065].message }}

Trending Topics