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)
-
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.
-
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/ -
Thanks a lot...I need to review my script skills!
Thanks for the help
Sarah
-
Thanks a lot for the advice
-
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