Browser Pop Ups - Can it be SEO Friendly and how?
-
Hi
The designer of the company I work for is re-designing Pop Up browsers as well as inline Pop up and Drop down menus.
He needs SEO requirements - how can they be SEO friendly?
Thanks a lot for your help! SL.
Please see below the detail:
Browser Pop Ups
all include:
• a browser title,
• a logo and title in the title bar,
• a close window button and
• a call to action (that closes pop-up when clicked).Usage:
Use when you'd like to offer additional information to the
user but, not take the user away from the main page.Inline Pop up and Drop down menus.
The inline pop-up & drop down is used to display additional menu options, functionality
or content on the page without dedicating real estate in the page layout. It's a part of the page HTML to retain SEO value and thus does not trigger pop-up blockers. A title bar displays when content of the pop-up or drop down is not in context of
the trigger.When used as a drop down, it is attached to the the bottom of it's trigger and left-aligned (unless it would exceed beyond the browser chrome, then it's right-aligned).
When used as a pop-up, it is centered vertically/horizontally in the users browser window.
The inline pop-up/drop down can be triggered differently per instance (e.g. onclick, onhover with delay).It can be closed by:
- clicking on link/location that triggered the pop-up/drop down
- (a.k.a. close icon)
- clicking anywhere outside the pop-up/drop down
There are 5 widths to choose from, based on the needs of the content:
- 196px (3 columns)
- 266px (4 columns)
- 406px (6 columns)
- 546px (8 columns)
- 658px (10 columns)
-
Thanks for the information guys, very useful. Any ideas as to what this page uses? Not sure if it's using what you recommend, or if there are any potential issues here...this is one of many that I find throughout my normal navigation.
https://online.citibank.com/US/JRS/pands/detail.do?ID=Checking
Thanks, Rodrigo
-
Thanks a lot for the advice
-
Thanks a lot...I need to review my script skills!
Thanks for the help
Sarah
-
Hey Sarah
Ryan is right, a javascript lightbox is a more modern approach to this and it does not suffer from the problems that plague a standard javascript pop up.
This is my current favourite and it has loads of cool options built in so should save your guys some work:
http://fancybox.net/ -
The method currently in vogue, and also SEO friendly, is a javascript based lightbox. Here is one example.
It degrades nicely for users without javascript (like a crawler bot) because its a normal link that is just rendered differently for the java enabled viewer.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Craft CMS SEO Resources
I'm just starting out in freelance SEO & I've taken on a client who is using Craft CMS (version 2.0ish) for their site. I am not even close to being competent enough to manually code via Twig, but I had the main developer install the SEOmatic plugin for me. My question from here is - are there any resources or tips I should be aware of starting out? I just started by updating meta title/descriptions via "New Template Meta(s)" but I'm a bit concerned i'm doing the "template path" thing right - I haven't seen any visible changes in browser, and the SERP preview I'm getting is giving me a broken link. But i'm doing a fresh Moz crawl right now to see if the changes took place or not. so 1. Am I on the right track? 2. How long does it typically take for changes to start to show? 3. Is there anything I should be aware of? any follow up questions just let me know, I'll be following this thread!
Technical SEO | | dig_ad_austin0 -
Can hreflang replace canonicalisation ?
Hi Im working with a site that has ALOT of duplicate content and have recommended developer fix via correct use of Canonicalisation i.e the canonical tag. However a US version (of this UK site) is about to be developed on a subfolder (domain.com/uk/ & domain.com/US/ etc so also looking into adopting the hreflang attribute on these. Upon reading up about the hreflang attribute i see that it performs a degree of canonicalisation too. Does that mean that developing the international versions with hreflang means there's no need to apply canonicalistion tags to deal with the dupe content, since will deal with the original dupe content problems as well as the new country related dupe content, via the hreflang ? I also understand that hreflang and canonicalisation can conflict/clash on different language versions of international subfolders etc as per: http://www.youtube.com/watch?v=Igbrm1z_7Hk In this instance we are only looking at US/UK versions but very likely will want to expand into non english countries too in the future like France for example. So given both the above points if you are using hreflang is it advisable (or even best) to totally avoid the canonical tag ? I would be surprised if the answers yes, since whilst makes logical sense given the above (if the above statements are correct), that seems strange given how important and standard best practice canonical usage seems to be these days. What best ? Use the Hreflang alone, or the Canonical tag alone or both ? What does everyone else do in similar situation ? All Best Dan
Technical SEO | | Dan-Lawrence0 -
Website Pop up
I want to install a pop up on my site for collecting email addresses. I use nopcommerce as my platform. I was quoted a price to custom develop it but thought there might just be a simple plugin. I can find them for wordpress but that is all. Does anybody have experience with this?
Technical SEO | | katazoom0 -
What can I do with 8000+ 302 temporary redirects?
Hi I'm working on a clients site that has an odd structure with 8000+ 302 temporary redirects. They are related to actions on the site (they have to be there and work this way for the site to function) but they also have a stupid number of perameters. Would it be ok to block them all in the robots.txt file? Would that make any difference?
Technical SEO | | TomVolpe0 -
Parallax Scrolling & SEO
Does anyone know the impact of Parallax scrolling from a SEO prospective?
Technical SEO | | AlgoFreaks0 -
On-Page SEO of the SEOmoz Blog Section
Hey Everyone My brain isn't working (only had 1 cup of coffee so far - #2 on it's way) this morning and I could use some help. We're creating a blog on a site for a client of ours and I've been looking at the SEOmoz blog for best practices when it comes to the implementation of pagination, canonical tags and noindex. My questions: There is no use of the canonical tag on the main blog page or any of the paginated pages but it is being used on blog post pages. Why not use it on the main blog pages as well? I'm assuming because the blog pages are always changing with different content there is not much point? Paginated pages in the category sections i.e. http://www.seomoz.org/blog/category/1?page=2 are noindexed but paginated pages in the main blog section i.e. http://www.seomoz.org/blog?page=2 are not. Is this because of a duplicate content concern since the posts in the category sections are in the main blog section as well? If that's the case, why wouldn't the main category page i.e.http://www.seomoz.org/blog/category/1 be noindexed as well? What's the reason for noindexing the "Show # Posts" pages i.e.http://www.seomoz.org/blog?show=5 ? I'm assuming another concern of duplicate content? Any insights into these questions would be greatly appreciated and would help with the implementation of our clients blog. Thanks, Ken
Technical SEO | | noBulMedia0 -
Is the copy-paste function under tynt.com SEO friendly
Hello you suggest http://www.tynt.com/publisher-tools/copy-and-paste-to-share-content/ in your pro tipps but I wonder why you are not using it for your own blog under seomoz.org. I noticed that when somebody copy and paste something form my blog a strange code is added to the link: Expample: http://www.janik.cc/webdesigner-blog/2011/02/sample/#ixzz1FQvadWNV Is the #ixzz1FQvadWNV maybe not that good in a seo view of point?
Technical SEO | | MichaelJanik0