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.
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
-
Shopify SEO - Double Filter Pages
Hi Experts, Single filter page: /collections/dining-chairs/black
Technical SEO | | williamhuynh
-- currently, canonical the same: /collections/dining-chairs/black
-- currently, index, follow Double filter page: /collections/dining-chairs/black+fabric
-- currently, canonical the same: /collections/dining-chairs/black+fabric
-- currently, noindex, follow My question is about double filter page above:
if noindexing is the better option OR should I change the canonical to /collections/dining-chairs/black Thank you0 -
SSl and SEO
Does the type of SSL used on a site have any significance to trust and seo ranking?
Technical SEO | | unikey0 -
SEO friendly url strategy...
Hi guys i just wanted your expert opinion on keywords in urls. The example i'm giving you is in regards to a ecommerce website: Option 1: www.example.com/shop/coffee/coffee-beans/brand-coffee-beans-500gr Option 2: www.example.com/shop/coffee/beans/brand-coffee-beans-500gr We sell coffee so i'll keep the example relevant 🙂 Does it make a difference on how the keywords are stacked throughout? Would the search engine combine the two keywords eg. .../coffee/beans/... or would i be better of having .../coffee/coffee-beans/... and is there a penalty for having the same phrase more than once in the url? I hope my question makes sense... 😉 Looking forward to your opinions and ideas!
Technical SEO | | Immanuel0 -
Please help me critique my friends site
Hi All, I've regularly helped others on this forum when they've asked for tips on how to improve a specific site's SEO. Now I'm asking for the favour in return 🙂 My friend has come to me with a site (http://www.swishplastic.com.au) and asked me to help with SEO and on-page optimisation. I've got a few of my own ideas but there may be a few key things I'm overlooking. If anyone could give a few pointers, it would be much appreciated! Thanks!
Technical SEO | | bradkrussell0 -
Changing DNS -- SEO implications?
Hey Moz, We're migrating an old site on an old server over to a new server/DNS. The plan is to keep the same URL structure and reuse our existing URL's. As long as we make minimal changes to each page's content, we should be able to update our DNS entry and get all the pages recreated and assigned to their correct URLs without any reduction in SEO rankings. Is this correct? This site gets a lot of organic traffic and ranks highly on some challenging keywords, so it's key that we retain our rankings as much as possible. I've read that it's wise to lower the DNS time-to-live to one hour, about a day before the move, to help Google crawl the DNS a little quicker. Are there any other recommendations you guys can offer or past experiences?
Technical SEO | | stephen_reply0 -
Problem of printer friendly version.
For one of our client's side, most of the backlinks are going to printer friendly version page. I recommeded to him to use the canonical tag on printer friendly version pointing to other page. Luckily, while searching i came across this posts at - http://www.seomoz.org/q/solving-printer-friendly-version The solution recommended was this - <link type="text/css" rel="stylesheet" media="print" href="our-print-version.css"> My questions are - 1. what should i write in place of our-print-version.css Should it be print.css ? 2. Where do i place this code ? in which file ?
Technical SEO | | seoug_20050 -
Help with SEO
Hello, I am brand new to SEO and I'm learning on the go everyday. I am having issues with Google and getting any sort of ranking or analysis or even just traffic reports. I understand the site has never really been optimized so it might really not have any reports. So basically my real question is what helpful tricks or hints do you guys have that I can implement? Anything and everything helps. So far I have run the crawl diagnostics and I'm working on fixing the errors. Thanks fr your help.
Technical SEO | | Future130 -
SEO Friendly Calendar System
Does anyone have a recommendation for a calendar system that is SEO friendly? I have been using Helios Calendar but the current version lacks proper SEO bones (canonical URLs, mini calendar generates links to empty events from 1950 to 2020, 302 re-directs, and it is generating thousands of crawl errors in Google Webmaster Tools. The developer has plans to implement some fixes, and I would rather not rip apart what is currently there to fix core issues. I have found that calendars in general are a nightmare. If anyone has any suggestions, or has experience in tidying up Helios I would be interested. Thanks, Dan
Technical SEO | | DanLaBate0