Pictures Gallery
-
Hello,
I am at building a travel web site where I want to add a 'cool' way for the user to display the pictures (instead of simply listing the picture and scrolling). But when I look on the web for methods to create a pictures gallery, I can see that there is many ways to do that.
From an SEO stand point, which method would be the best? JQuery, AJAX, etc. Or what I should not use if it is easier.
As for the link, beside the loading page issue, Is there a limit of images I should include in a page?
Any advice on what should I use or not use to create an SEO oriented images gallery.
Thanks !
-
Thanks a lot Robert ! Indeed I use a CMS, Wordpress.
But you know, what? I have not even considered using a Wordpress plugin for that!!! So thanks to you ! I have just look on wordpress web site and there are many plugins that could allow me to add a gallery to my web site.
Since I need to add the plugin inside my custom template, I will try to see which one will fit my need the best.
'insure they are geo tagged and consider a way of using Schema as this will put you in the forefront.'
I am not sure of what you mean about the geo tagged ... could you give me more information?
Thanks again !!
-
Nancy
** I want to add a 'cool' way for the user to display the pictures **
So, you want a method for site visitors or customers to display their travel pics?
If so, the first question is how are you building the site? Are you using a CMS (content management system) like WordPress, Joomla, or Drupal, etc.? Are you having it built online by one of the canned website companies?
If you are using a CMS, I would suggest going to the plugins for that particular CMS and seeing what is available (WP has PhotoSmash, etc - Joomla has RS Gallery 2). Note that you need to research this a bit and be clear on what you want or don't want.
As to the SEO stand point, there are various ways you can work with JQuery, AJAX and still maintain SEO (I won't go into each as that would be a bit). You need to decide on one and then follow up with questions around it. (JQuery slider and maintaining seo for example.) I think if you use a CMS, you will find a good solution that is SEO friendly.
As to the images and amount per page, etc. here is what I would say. First, travel site: try to categorize the images by geography. Make sure each image has a way to put in alt text and give the user a good description of what it is, why they need it, and how to develop good alt text. So a given page would be travels to Costa Rica - this allows users to post pics from their recent trip there. By keeping it geo located, you will keep your keywords around Travel and Costa Rica. (You could sub into Diving, Volcanoe exploring, Rain Forests, etc.
You can then have good title tag, url, H1, H2 meta descrip, etc. With your images try to insure they are geo tagged and consider a way of using Schema as this will put you in the forefront.
Hope this helps you out,
Edit: Nancy I totally forgot to put in that you should also have a mechanism for GeoTagging by the user as that will be huge in a travel site. Let us know how it works out.
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
-
404
We find 404 pages on our company website using Screaming Frog SEO tool. it's important to fix these 404 errors, a web designer can normally help.
Web Design | | sarahwalsh0 -
My visibility went from 14% to 3.33% this week. HTTPS Change?
So I am trying to figure out how my google rankings dropped from 3 to 9 This past week. Could it be the new HTTPS security issue? My site was created in HTTP not HTTPS. Is this an easy fix? Can I hire someone on this site to fix this?
Web Design | | Boodreaux2 -
Wordpress Tag Organization Tips
Curious if anyone has some good examples of ways to organize your WordPress tags without making your sidebar a football field long and hard to navigate. My blog is https://karmahill.com/blog and I could use some ideas. We have main categories of photo shoot types, for example, "Couples", located on the sidebar. We want to add tags to go with those main categories for further categorization and user experience example: Couples Engagement Proposals Honeymoon Maternity My question is, do I need to make "tag" pages for those posts to reside on or is their another way to get it done with less work, that is much faster? I don't want to have to make 30 tag pages or is that just what you have to do?
Web Design | | photoseo13 -
Thinking about redesigning site to reduce bounce rate - have a couple of questions
BACKGROUND Im looking at redesigning the website for a creative consultancy to improve the user experience. The website is mainly an image portfolio along with “press”, “our services”, “about us”, “contact” pages. I originally designed the website a few years ago and when we did, we wanted to make the image portfolio the most important feature. So we made it a full screen JS image slider with lazy loading of images, so that there are about 40 full screen images on the homepage that rotate. From a users point of view i still feel this is the best system as it very quickly allows them to browse the portfolio, which we looking for a creative consultancy is their UPS (unique selling point). The site has a very strong backlink profile compared to its competitors in the SERPS it has about 20-25% increase in PA and DA. But our site has been slipping down the rankings in recent years / months. From spot 1-2 to about spot 5-7. MY HYPOTHESIS I think that the reason the site may be dropping back in the SERP is that although its a very usable site, all its portfolio information is “too easy to find / view” and results in a user coming to our site, seeing everything they need to see, then bouncing back to the SERP. Our site has a bounce rate of 40-60%. Where as on competitors sites, their “portfolio” is a separate page off the homepage, so a users has to click through to a separate page, and even if they don't like the design content of the portfolio it doesn't get logged as a bounce. MY QUESTION Does bounce rate affect SERP ranking ? Could the sites SERP performance be improved by redesigning the site to put the portfolio on a separate page so a user would have to click through to it, if that would get the bounce rate down, would the site see a benefit even if people still clicked back to the SERP results eventually after seeing our portfolio, even though it wasn't a true 1 page bounce ? Dose time on site affect SERP ranking ? Is there a way i can see a competitor's bounce rate ? Would welcome any other thoughts inputs on this matter.
Web Design | | sl_pa0 -
Adding picture and new layout on jobs-overview page
Im running a castingsite today, where the jobs-overview page is the highest ranked on google on the important words. There is a big of reasons for that, it's updated daily, the domain is old and wellknown and so. Anyways, the today is this: (Yes it's ugly and old-school :))
Web Design | | KasperGJ
Current design:
http://www.onlinecasting.dk/auditions.asp I've created a new design, which is much nicer and with added pictures. The pictures in the new design, will be somewhat unique to the specific jobs, so the current ones are mostly for testing New design: (Not implemented)
http://www.onlinecasting.dk/auditionsnd.asp Question:
So my question is. Do you think this NEW design could affect my site / page in a bad way in SEO or?
I'm planning basically just to overwrite the old auditions.asp file with the new code. What do you guys think.0 -
Organization name as text vs. as a picture with alt text + Schema.org markup
I'm looking for some feedback to implement best practice for the markup of our header/navigation at the top of our site. Our organization name and a tag line is at the top of every page on the left, then our logo, then our navigation to items like "Topics" "FAQs" "About us" etc is to the right along the top. Our organization name includes the most frequently searched keyword for what we want to rank on, and our organization name is our domain name. A couple other background items: we're a non-profit startup and no code is public yet -- hence, I'll be explaining what we're going for. We're coding in straight html/css, not using Wordpress or anything like that. When we originally DIY coded our draft homepage and a few landing pages, we put the organization name and tag line into the markup as text, to look like this: Organization name | Pretty | Navigation items over here
Web Design | | scienceisrad
Explanatory fun tag line | Cool |
--------------------------------------- | Logo | --------------------------------------------------------- Then we outsourced the markup of two more landing pages to a company that does on-demand orders for responsive markup, based on png's we sent of the designs. The company's code renders a fabulous looking version of our design, and important for usability, it is responsive. The company also did something else I'm not so sure of. They made one big image out of our organization name, tag line and logo ... because? The indenting and different font sizes of the Organization name and tag line was too hard to code in? Or is it just best practice for html standards, SEO, etc. to make it one big logo?? Now, as part of an overall effort I'm working on to reconcile our different code ... I'm mulling right now specifically on reconciling the different approaches we each took and incorporating new best practices for the header ... based on what I'm reading online about headers, including debates about whether to use h1 for your company name, whether using an image for the name is fine, advice about including Schema.org markup for logos, etc. Given all this, which of these two options look better to you? Do they seem equally good to you? What would you change about the one that looks better to you? What do I have wrong in them? Or would you code this entirely differently to hit all best practices? What do you think about using h1 for organization name vs. is there a better tag to use for the organization name to code it in as text? (Note: we have other h1's on our pages for the actual article/content titles of each page, which maybe we should, maybe we shouldn't be having those as h1's?) Option 1 -- using text for our name and tag line: <header id="top" class="brandfont brandcolor">
[# Organization name Explanatory fun tag line](/) Organization name logo {navigation code here}
</header> Option 2 -- name, tag line and logo all as one big png image: <header id="header" class="container"> Organization name tag line {navigation code here}
</header>1 -
What seo benefit does setting up a photo gallery where each photo is a separate web page?
what seo benefit does setting up a photo gallery where each photo is a separate web page? My old SEO guy set up my photo gallery like that claiming that because each photo was a separate page, it added a big seo benefit and i never understood what he was talking about. Maybe alt text on the photo with key phrases in it pointing to my other pages to give my site a theme for google? I'm not really sure. He has since moved away and i am considering redoing the photo gallery to multiple images on one page to be more user friendly to my users. This photo gallery is 3 years old and the photos might have some page rank to them helping my site so i don't want to remove this gallery if there really is a benefit to it and it will hurt my site. I once removed four static page rank 3 pages from my site that weren't used for my site anymore and my rankings dropped 5 positions. Thoughts anyone? Thanks! Ron
Web Design | | Ron100 -
Anyone Know Of A WP Plugin for Before and After Pictures
Hey Mozzers- Does anyone know of a good WordPress Plugin for displaying before and after images. This could be for a docs office, etc. Any feedback would be great! Thanks!
Web Design | | kpeacy0