Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Member
    Join Date
    Jun 2014
    Posts
    48
    Member #
    39433
    Liked
    1 times

    the problem with "display:none;" and SEO

    hi all,

    I have always made my pages "by hand". just coding them, a bit of javascript here and there.

    And because I like to experiment with designs, i use a lot of popup divs, which means i use "display:none" tags for those divs.

    I've been told that this could be hurting my searchability. The pages have been online for a long time. does anyone have some advice on this?

    Someone has been mentioned that I will have difficulty with SEO and that I need to use a CMS like wordpress.

    what do you think my next move should be?

    Is there something in my CSS I can change, or do I go the CMS route?

    thanks!

  2.  

  3. #2
    Senior Member
    Join Date
    Feb 2006
    Posts
    797
    Member #
    12463
    Liked
    302 times
    Quote Originally Posted by 452wfr234 View Post
    Someone has been mentioned that I will have difficulty with SEO and that I need to use a CMS like wordpress.

    what do you think my next move should be?

    Is there something in my CSS I can change, or do I go the CMS route?

    thanks!
    Neither one. I doubt that there is a problem with your CSS and a CMS will not help. Using a lot of popups will hurt your SEO, especially if they make it harder for visitors to view your content.

  4. #3
    Junior Member
    Join Date
    Nov 2020
    Posts
    1
    Member #
    62208

    the problem with "display:none;" and SEO

    Pop ups in and of themselves don’t hurt SEO, but display:none on text-heavy content does, because crawlers don’t index content inside of display:none containers. The bigger point may be though, in general in my years of user testing users just plain hate popups.

    But onto your actual solve should you decide to continue using popups. You want a state machine in your css.
    Instead of using ‘display:none’ you should use a different method to hide them.

    Example hidden state:
    Code:
    .popup {
    position: fixed;
    opacity:0;
    left:0;
    top: -100vh;
    z-index: 99;
    }
    The visible state:
    Code:
    .popup.active {
    top:0;
    opacity:1;
    }
    This way in javascript you simply add the class .active to the element or remove it (toggle) when you want to show or hide your element.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Tags for this Thread

All times are GMT -6. The time now is 02:15 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com