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
-
When products are discontinued- best way to handle pinned or googled images
What do you lose by deleting a product and it's images from an e-commerce site? We have many product images with pinterest pins and shares or that show up on google images searches. Our site is an active American craft gallery with jewelry, art and handmade gifts from about 300 different artists. Most products are made in small quantities others are 1 of a kind. So we often have products selling out. Most items are organized by artist. Are there good practices to follow that will best keep our social media presence and links? I'd also like to stop buying extra space for all those images on my server Thanks so much Stephen
Branding | | stephenfishman0 -
Domain: Product brand or company brand?
I work for a company with a very strong brand. We have a product with an even stronger brand. Right now, our product marketing pages look like this: https://www.company.com/product/.... I believe this leads to URL bloat, and I think we're probably missing some search rank on product-branded keywords that we would automatically get if, instead, our product marketing was here: https://www.product.com/.... An example of this structure is Colgate Palmolive (http://www.colgatepalmolive.com/en/us/corp), the makers of Colgate toothpaste (http://www.colgate.com/en/us/oc/). We already own both domains, but of course right now SEO rank is entirely owned by company.com. If we put product marketing at product.com, of course the company site can still link to the product site anywhere, and vice-versa, which means (I think) that both domains help each other out. But we wouldn't have to spend as much time worrying about the branded keyword in product content. I have found some posted opinion that tends to support my hunch here, but I haven't seen anything more concrete in support of it. Has anyone got direct experience with this question?
Branding | | hoosteeno0 -
Adwords alternative for beauty products
I was wondering if anybody knew of a good display network group for beauty products/anti-aging/wellness Adwords is doing okay but we would like to expand to other networks.
Branding | | Atomicx0 -
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 -
Showing up in Related Videos on Youtube
I notice that that on YouTube, the related links that show up at the end of our videos are a smorgasbord of our competitors and other videos similar in theme (which makes sense, as those are truly related videos). What I'm curious about -- and have had difficult finding, is tips and case studies for improving and maintaining appearance in the related video sections, and perhaps some insight into how those videos are rated for for related videos. Correlation on YouTube seems to be spotty at best, I know keywords and user metrics are key, but any more specific advice or clarification on the issue would be appreciated.
Branding | | Oren.0 -
Is there any downside to have a product name (branded keyword) that has a top keyword in it?
The company I work for recently purchased another company. We are currently re-branding their product into our solution offering and are working on coming up with a new product name, while keeping SEO in mind. The product names that we are thinking of also includes a non-branded keyword that we actively look to rank for. We currently rank relatively high for this keyword. Is there any negative to having a product name that has a non-branded keyword in it. My first thought is that it is great because that non-branded keyword will be used repeatedly on our site when we mention the product. Things that I don't know though are: will it appear we are keyword stuffing does Google recognize that its a branded keyword and doesn't rank us for the non-branded aspect Any feedback or ideas would be greatly appreciated. Thanks! Vince
Branding | | IFSNA0 -
Do you think my simple design website reflects my product better or worse?
Its been suggested my holiday cottage letting website maybe could do with a professional polish up and maybe restructure and navigation and if it would improve bookings I wouldn't hesitate. My only thought pattern is that this particular website is certainly not high-tech (this website was designed by me in Dreamweaver) I have a great guy working for me which is much better web design than me and technically more capable of producing a professional standard website, but with this new sideline I'm presently a small home-based company currently only letting eight old cottages. My thinking was keep the website simple, personal and homely for the moment. http://www.endeavourcottage.co.uk/ The website tends to be competing against large agencies which have often hundreds of properties on their books and you have to go through their filtering system to find the small number of properties that might be of interest. I can see that if I was selling large quantities of electrical equipment or something similar you just in a very polished well-designed website. The feedback I get from customers is that like the website and they like to know they can get hold of the person behind it. Which direction would you go? polished professional company styled WordPress website or simple design website with lots of pictures and descriptions. If I ever hit the big time and have hundreds of cottages I would have to join the design and more complicated navigation of the other agencies websites but whilst I’m small maybe not? Thanks for reading Alan
Branding | | whitbycottages0 -
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