Pin It Button, Too Many Links, & a Javascript question...
-
One of the sites I work for has some massive on-page link problems. We've been trying to come up with workarounds to lower the amount of links without making drastic changes to the page design and trying to stay within SEO best practices. We had originally considered the NoFollow route a few months back but that's not viable. We changed around some image and text links so they were wrapped together as one link instead of being two links to the same place. We're currently running tests on some pages to see how else to handle the issue.
What has me stumped now though is that the damned Pinterest Pin Button counts as an external link and we've added it to every image in our galleries. Originally we found that having a single Pin It button on a page was pulling incorrect images and not listing every possible image on the page... so to make sure that a visitor can pin the exact picture they want, we added the button to everything. We've been seeing a huge uptick in Pinterest traffic so we're definitely happy with that and don't want to get rid of the button. But if we have 300 pictures (which are all links) on a page with Pin It buttons (yet more links) we then have 600+ links on the page. Here's an example page: http://www.fauxpanels.com/portfolio-regency.php
When talking with one of my coders, he suggested some form of javascript might be capable of making the button into an event instead of a link and that could be a way to keep the Pin It button while lowering on-page links. I'm honestly not sure how that would work, whether Google would still count it as a link, or whether that is some form of blackhat cloaking technique we should be wary of.
Do any of you have experience with similar issues/tactics that you could help me with here? Thanks.
TL;DR Too many on page links. Coder suggests javascript "alchemy" to turn lead into gold button links into events. Would this lower links? Or is it bad? Form of Cloaking?
-
This test showed a little light on what is indexed typically: http://www.seomoz.org/ugc/can-google-really-access-content-in-javascript-really
-
Loading link via JS is fairly standard technique. (See http://sharethis.com/ or http://www.addthis.com/). Google will index some JS created content so you may have to delay the link tag creation until a mouseenter event to get the desired effect.
Added bonus: using well written JS code can lighten the code weight of the page allowing it to load faster. Currently, each Pin icon contains a div, a link and an image tag. If you use prototyping, JS can replicate all this content from the attributes of the primary image tag very quickly. (I see you load jQuery so this task is very easy to accomplish)
Also, move the rel="words" in the link into the img tag as an alt attribute. Current the images lack alt tags which isn't the best. Using keywords in the rel attribute isn't correct. It is supposed to mark up the relationship to between items and "Stacked Stone Panels" isn't a relationship. You may have been thinking of the title attribute.
Next, you are loading WAY too many resource files (mainly js). A few items twice. Try combining them into a few minified files. There is a lot of work that could be done to speed up the site: http://www.webpagetest.org/result/130320_PT_12RV/ over 25 seconds to load.
Think about making a sprite of the images, it would save a ton of requests and downloads. Also, pagination, if done correctly, could save a lot of time.
-
Thanks guys! My coder is going to look over all of the best possible ways we could implement this and then we're going to see about doing a little testing on one of our galleries. Thanks again.
-
To my knowledge, Google does only "simple" Javascript. For instance
will be spidered as a link. if you have your click event do something more arcane (like call a function) it won't be. If you want to further obfuscate it from Google, add your click event by using an observer (like JQuery's $().click() function).
Google, to my knowledge, has never spidered AJAX. AJAX may not contain any human readable content.
-
No known negatives associated with doing that? If not then we might give it a test run on one of the galleries.
-
There was no negative impact after the Pin It button was added and effectively doubled the number of on-page links.
As for the Ajax loading idea, that was actually another one of the ideas that my coder had but I wasn't sure of what the effect would be on Googlebot indexing and following images. Though all the newer photos do get added to the top which would be visible if we implemented that.
-
That is definitely a lot of links... but have you noticed a negative SEO impact because of the pin it buttons? Having that many links isn't ideal, but it probably won't affect your site that much.
Alternatively, you can try loading some of the images via AJAX so that they aren't all displayed at once, and only load when the user scrolls down.
-
In my opinion I believe the correct implementation is to use the JavaScript event. I've seen it implemented this way on a few ecommerce sites that I know are doing well.
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
-
Mobile-First Indexing New Site monetized with Adsense AMP or not?
I am considering developing a new site monetized with Adsense. I am wondering if it's still worth bothering with AMP, it will take some work to get the functionality I have in mind working on these pages due to the inherent limitations. Has anyone got any insights in terms of current and future benefits of AMP in terms of ranking benefits and Adsense earning potential?
Web Design | | GrouchyKids0 -
Few Specific Migration Questions
Hi Everyone, We are about ready to do the migration for our website. I've done smaller migrations in the past, but this is a $5 million+ site. We are moving from Magento to Shopify (same domain, different hosting). I read the Moz migration guide, which was great. Any tips from you guys on things that you might have missed when doing a migration? I've Got... All url redirects completed All legacy redirects completed All image url redirects completed All meta data/content moved over It was recommended that I submit the old site's XML Sitemap to Google when the new site goes live so I can get all the redirects indexed. Do you just create an XML sitemap from the old site and upload it to the new site or how is that done? Is there anything from a server/hosting standpoint I need to watch out for? I am using Screaming Frog for the old site to record all data. I was also thinking about Deep Crawl. Any other tools that helped you with your migration? We have many pages that are www.domain.com/page.html?p=2 for example that is a page 2 of a category. Do these need to be redirected as well? Thank you!
Web Design | | vetofunk0 -
Sitemap Question (aspx, XML, HTML)
Hey everyone! My company uses a tool called SEOQuake. We are trying to hit all of their "checkmarks" when we run a diagnosis for them. One of the only things we can not figure out how to pass is their section for Site Compliance ---> XML Sitemaps. Our client's websites that we have built are all using .aspx URL structures, and when I view them, it clearly states that it is an XML file. It has this text written at the top of the .aspx page: "This XML file does not appear to have any style information associated with it. The document tree is shown below." Does anyone know what is happening here?
Web Design | | TaylorRHawkins
Thank you!1 -
Is there an issue if we show our old mobile site to Google & new site to users
Hi, We have our existing mobile site that contains interlinking in footer & content and new mobile site that does not have interlinking. We will show existing mobile site to google crawler & new mobile site to users. Will this be taken as black hat by Google. The mobile site & desktop site will have same url across devices & browsers. Regards
Web Design | | vivekrathore0 -
Domain Consolidation & Proper Linking Strategy?
We have a client that operates 5 gyms in 5 different part of Miami, and each gym has its own website. All sites rank well and have a a good pagerank. For the purpose of their marketing and brand they would like 1 website developed which includes all of their gyms which we are launching later today. Each gym will have it's own landing page within the website Should we redirect the URL's of the different websites to the individual landing pages on the new site or how should that work to minimize any penalties on our SEO. For example (these are fake url's): www.gymA.com, www.gymB.com, www.gymC.com, www.gymD.com The new url: www.gym.com New landing pages:
Web Design | | POPCreative
www.gym.com/gymA, www.gym.com/gymB, www.gym.com/gymC, www.gym.com/gymD Should we do a redirect from: www.gymA.com to www.gym.com/gymA www.gymB.com to www.gym.com/gymB www.gymC.com to www.gym.com/gymC www.gymD.com to www.gym.com/gymD Thank you in advanced. If there is a better way to do this, or anything extra I need to know, that would be great. Thanks!0 -
Does having a Blog link in the top level navigation provide any better SEO value, or would having it in a footer or top navigation work just as good?
Trying to decide on whether placing a link to the blog in our top level navigation would have a better SEO value than just placing it in top or footer navigation. I have an ecommerce site.
Web Design | | RPD0 -
Does Google follow links inside a <noscript>tag?</noscript>
I'm looking at making an embedable calculator and asking users to embed it to their website. I had the idea of using javascript to include the calculator which would also conatain a text link back to my site in order to gain some back links. If it's possible Google won't see the link (as they may not execute the javascript), is it safe to place the link in the <noscript>tag? If so, Will it be indexed and will Page Rank be passed?</span></p> <p>Thanks in advance for your answers. </p> <p>Anthony</p> <p><span style="color: #5e5e5e;"><br /></span></p></noscript>
Web Design | | BallyhooLtd0 -
Google penalty for links opening in new tab?
Our web services provided suggested that Google doesn't like in-text links that open the link in a new tab. Can anyone verify this? We often link to outside credible resources for our audience, though it seems smarter to open in a new tab rather than risk that the person will not navigate back to our site after finding us. Thank you in advance!
Web Design | | jhamlin0