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 -
How to handle knock-off product leveraging your brand keywords?
Hello all, I fear this may be a bit of newcomer question but maybe you can help me out. My business is in a highly competitive market, and when you search for our branded name many of our competitors show up in search results well before us (who don't contain, or even reference, our brand name on their site). We're trying to take a proactive approach to content development and site enhancement, but I am wondering if there's anything on the defense-front that we can do to better own our brand ranking in SERPs. Thoughts? Suggestions? Should I be reading SEO 101? Thanks
Branding | | J-Me0 -
Top level domains showing wrong meta tag des in different country
Hi Everyone I have 3 top level domains - and its showing up my meta tag description in USA and Australia search for my NEW ZEALAND meta tag description. Not sure whats going on, but now that im ranking for all top level domains in those countries it looks weird having a NZ in the Search when its a USA and AUSTRALIA domain name. See the attachments Cheers new
Branding | | edward-may0 -
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 -
Should we use one domain with product-specific sub-domains or separate domains per product?
We are resellers of 4 separate products. Currently we have numerous different websites promoting each product, not all of them use a URL which has any real link to our business - it's only when you land on the page that it contains brand images, etc. We are in the process of redesigning and rebranding, and want to know what would be the best course of action to take in terms of domain registration. This is what we have currently, for example: - www.accounts-solutions.co.uk - This site deals with the resale and support of a branded accounts package. www.software-accounts-systems.co.uk - This site deals with the resale and support of a second branded accounts product. In terms of moving forward with new domains, which are going to contain our business name, our options are as follows: - OPTION 1 - www.our-business-name.co.uk/product1/etc, www.our-business-name.co.uk/product2/etc, www.our-business-name/product3/etc where all products are given separate sub-domains within our main business page. OPTION 2 - www.our-business-name-product1.co.uk/etc, www.our-business-name-product2.co.uk/etc, www.our-business-name-product3.co.uk/etc where each product we resell is given it's own separate domain entirely. Does anyone think one direction over another would give any benefits in terms of SEO, or would it not matter as long as each site was well optimised with a solid content and social strategy? My initial preference is for the first option, if only because of the continuity in terms of having one main company website with each product listed in sub-domains. Each landing page would obviously be optimised for each specific product/keyword, etc. so, from a user point of view, there shouldn't be any confusion between separate products. Also, would it be recommended to install 301 redirects from our existing www.accounts-solutions.co.uk, etc pages to the relevant new sites? Thanks, John
Branding | | HBPGroup0 -
Marketing for a new alternative solution (general keywords) and for it to show up under specific keyword searches
Hi Moz Community! I've run into a marketing dilemma for one of our customers that we provide SEO and internet marketing services to. Therefore, I need the help of you clever people! The company is a high-tech innovative biotechnology company, so instead of using their product as an example which might be confusing, I will represent the problem with "DVDs" and a new technology similar to Netflix. Customer wants to buy 500 Days of Summer DVD online and isn't aware of the new technology called 'Netflix' where we can stream it online instead of ordering it online. Netflix marketing team wants their website to show up alongside search results so when people search for 'buy 500 Days of Summer DVD', you will see Amazon, blah blah and at some point also see 'Netflix: Stream Instantly Online!' What is the best way to approach this? Micro (macro) site? Can I target 'DVD' and make the microsite use a direct match? Do I have to create a page for every single popular DVD in order for it to effectively rank? Any other clever solutions to this problem? Thanks everyone! Sheldon
Branding | | swzhai0 -
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