Lightbox to show our sixteen most popular products
-
We wish to create a minimalist Lightbox (without flashy transitions) for our home page that displays a matrix of 4 x 4 images - sixteen in all.
Each image (approximately 240 wide x 360 high) needs to have its own descriptive text and a hyperlink to the appropriate page on our web site.
We are trying to identify a simple yet effective SEO friendly add-on that will allow us to quickly change the Lightbox on a daily basis.
Suggestions from the Moz community would be very welcome. Thanks
-
Hello Colin,
Since it sounds like you're not using any kind of CMS, and are coding an HTML/CSS site yourself, it will be a little more difficult to find an "app" to do this since most publicly available apps/plugins/widgets/modules are created for use in an existing CMS. There are some scripts out there built with JQuery that might work. Just Google "JQuery gallery" or "JQuery lightbox" to get started. If one doesn't have everything you want you should at least be able to get 90% of the way there, and can either tweak the code yourself or hire a developer to get the rest of the way there.
This one looks promising:
http://fancyapps.com/fancybox/Also check out:
http://www.intelliance.fr/jquery/imagebox/
http://www.pirolab.it/pirobox/
http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/It may also be possible for you to use one of the CMS-specific plugins with some tweaking. You could try out some of these on a free Wordpress site to test them. When you find the one you want you could try customizing the code yourself, or hiring a developer (having an existing plugin for him to see/use will save you money) to do it for you.
Good luck!
-
Thanks Dan
-
Colin
Gotcha - I am not sure of anything off hand that does this, but have asked any other Associates if they know of something.
-Dan
-
Hi Dan,
This is quite interesting. I have n't had time to fully investigate, but it is vital that the pop-up window has a hyperlink to the appropriate page.
What I was really hoping for was an 'app' that displays the sixteen images, has rollover functionality, and allows a visible text description of the image.
Thanks for your efforts and advice.
Colin
-
Hi Colin
Do you mean something like Slimbox? http://www.digitalia.be/software/slimbox2 - I wasn't sure if you intended to have all 16 photos visible at once in the box, or if you meant the user with go through them one by one?
-Dan
-
Hi Dan,
I am using using CCS / HTML, as can be seen at www.just-insulation.com and at http://ow.ly/oWy64.
The trouble is that I wish to replicate the simple existing presentation, yet keep it simple enough for a novice in our office to regularly update.
Our business is sell House Insulation ... not the sexiest thing in the world! All of the add-ins that I have encountered offer clever graphic solutions. However, I do not want to distract our visitors with flashy images that will detract from the functional presentation of information that we are trying to achieve.
Colin
-
Hi There! What CMS or platform are you using?
-Dan
-
Hi Matt,
I looked at the site as you suggested, but it doesn't seem to offer what I am attempting to create.
Trouble is, I am finding it difficult to define exactly what I am trying to achieve. On our welcome page we currently list our eighteen most popular products (using CCS / HTML) Visitors can then use the embedded links to navigate. http://www.just-insulation.com
Constantly updating the page is time consuming and requires a bit of care and understanding, so I was trying to find a solution that I could set up for a novice (not unlike myself) to update.
-
Thanks Matt, I shall investigate.
-
This really depends on your CMS, but I have had some experience with this in the past so might be able to help out. Firstly, I would recommend having a good think about going with the solution... lightboxes have become a lot harder to use from a user point of view since the uptake in mobile device usage. If you're using one, make sure that it's responsive.
Take a good look at this article before you do anything - http://www.businessol.com/blog_posts/seo-javascript-lightbox-js-content/. It explains the SEO implications of using lightboxes and also gives some examples of out-the-box solutions that can be used.
I have used the following plugin before that has worked well:
Hope this helps!
Matt
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
-
What is the perfect strategy for a Brand that manufactures the product?
Hello Moz Community, I'm currently associated with one of the brands. It's a nutrition and supplement brand that manufacture supplements. Now, they are running an e-commerce website. Problem: It should be product based website, not an e-commerce website (Like Design, Look and Feel of it.) The problem with SEO: What do you thing like which will work better.
Branding | | Max_
1. Doing Perfect On-Page SEO? And building links for queries like: Best whey protein supplement in "Geo." Buy Protein Powder Online Buy Whey Online "Geo." Generic Terms Brand Name URL All the Remaining Keywords and Anchors OR 1. Doing a perfect On-Page SEO? and
2. Doing massive outreach like Inviting bloggers for guest post (Natural Anchor) Guest Posts (Natural Anchor) Mentions on social media Content Local Business about reciprocal promotions Email outreach Product Reviews Influencers content Link building as mentioned above Q. Tell me which will work the best?
Q. What I've to change in the strategy?
Q. Also tell me how to do a perfect keyword research for product pages? Thank you0 -
In Google SERPs some companies / government agencies have a Google-generated card for their organization and it references their Wikipedia page. It does not show for all companies /orgs that have a Wikipedia page. What is the criteria to have it shown?
Does Google have specific criteria to show a large card in the top right of SERPs that links to a national organization's Wikipedia-referenced info? These do not appear to be the Google Business Card created by individual organizations. Example having the card and org is on wikipedia: https://www.google.com/?ion=1&espv=2#q=u.s. department of labor Example no card shown and org is on wikipedia: https://www.google.com/?ion=1&espv=2#q=Occupational+Information+network
Branding | | Shirley.Fenlason0 -
Why does our Facebook not show up when searching for our business name?
Our Facebook is titled NJ & PA Personal Injury Attorney Richard P. Console Jr., and the url is Facebook.com/myinjuryattorney, and our website is www.consoleandhollawell.com. Because of the different names, we put social schema on our site which we thought would help Google associate the two. It doesn't seem to be working as we are not showing up in the serp's when searching for "Console & Hollawell Facebook" and even "Richard Console Facebook" Could anyone give any insight as to why? Thank you!
Branding | | marketingdepartment.ch0 -
New Product. New Brand. Gmail/Authorship Questions. Need Advice.
I'm in the process of developing a new product and brand name and would like to create all the social media accounts (FB, Twitter, LinkedIn, etc), including G+ and want it to have it's own Gmail ID like ABCXYZ@gmail.com, so I can set up all accounts using this Gmail ID and if needed down the road, have someone else help manage the accounts so they have that login and my my main Gmail login. My question is, does Google frown upon setting up new Gmail IDs under the same name "Patrick McCoy" as I have my name tied to my personal Gmail account and my company's Gmail account "whiteboardcreations@gmail" both with G+ pages and URLs of /+PatrickMcCoy1 and /+PatrickMcCoy2 respectively. I'd like to have Authorship associated with the new product website and also want the new product to have it's own G+ Business Page to post updates, info, etc., which is why I'm getting a little confused on how I'd do it the right way, What would you do or does it really matter... can my new Gmail account of ABCXYZ@gmail just be /+PatrickMcCoy3 which is associated to my new product/brand name? Thank you and look forward to the feedback!
Branding | | WhiteboardCreations0 -
Product expansion on website. Best practices for Retargeting Interior Pages with a high concern for brand.
For the past year, I've worked on a website that offered one product (Product 1). The homepage targeted both branded terms and the highest volume keywords for the one product. We've built a lot of strong links to the homepage using the natural variations of the targeted Keywords & the homepage ranks very well for these terms. The brand is now expanding its offerings to two products (Product 1 & 2). Thus necessitating the creation of two product subpages. I'm not concerned about ranking of Product 2's page, only Product 1. From a branding perspective, the homepage URL works wonderfully for the expanded offerings. And from an SEO perspective, offering two products allows me to target a very high volume group of keywords on the homepage that now makes more sense given the offerings. This new group of keywords will make even more sense if brand is able to roll out a 3rd product. The profitability of Product 1 & 2 are about the same. The profitability of potential product 3 is far greater 1+2 combined. Product 3 also has the most natural correlation with the group of KWs I plan to target on the homepage, i.e., I care more about the ranking of the homepage once Product 3 has launched. Product 3 will have its own interior product page as there is plenty of search volume for KWs specific to this product. I'm worried about hurting the rankings of the old product and URL confusion between the homepage & the to-be-created Product 1 page. I don't see myself having a lot of options. Options 301 - It does not make sense to 301 redirect the homepage to the Product 1 interior page. The homepage URL has strong branding and will be used in future marketing. I do not believe that I value the maintaining the rankings of Product 1 enough to push for making the new homepage example.com/home or similar to allow for the 301 redirect. Canonical - The content of the homepage will be changing, thus a rel=canonical to the Product 1 page does not make sense, nor does it make sense from a ranking perspective as I also want the homepage to rank for the new set of KWs I will be targeting The only real option I see is attempting to reach out to strong back links with Product 1 anchor text (or context) & asking them the switch the URL to the Product 1 interior page. Combine this with proper site-wide internal linking to the new Product 1 interior page & an anchor text link on the homepage to the new Product 1 interior page. Am I missing something? Am I dismissing either one of the above options too easily. Am I over-thinking this (yes probably)? Would love another set of eyes on this.
Branding | | 2uinc0 -
Product Reviews
Any one have good strategies to get product reviews from customers? Whether general or specific to G+, Yelp, On Page, local review sites, etc? Thanks
Branding | | IOSC0 -
It's been 2 Months and Google STILL shows my Old URL, why? (help please)
First i just want to say the 301s, change of address and nearly all outer links are changed to the new url since early september. Let me give you an example... Query: Custom Sweatbands Ranking URL: www.stbands.com/custom-sweatbands/ **Correct URL that it is 301'd to for over 2 months now: **www.customonit.com/custom-sweatbands/ More... new sitemap has been submitted since the beginning. The old website www.stbands.com doesn't even exist anymore, in fact at the beginning of this month I got pretty angry and blocked search engines via the robots txt for the old domain. Any way I can get Google to catch on? Thanks in advance!
Branding | | Hyrule1 -
Looking for examples of a B2B brand spinning off B2C products on to separate websites
Does anyone have any good examples or case studies? Right now I'm working on a site with both B2B and B2C products crowded onto one site. I'd love to find some examples of companies that have built their online B2B brand separately from their consumer products. I found the Constructive Playthings case study on Marketing Sherpa but nothing else.
Branding | | TexaSEO0