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
-
International SEO | Question about Hreflang
Hi, I have an International SEO question and would like to get some help from Moz forum: Our company has a Taiwan office for a few years already, but never had any Traditional Chinese (lang code: ZH-TW) webpage publihsed on our site: https://www.abc.com. The regional team recently has built a 50 page ZH-TW microsite based on translations from select pages from abc.com. The site will have it's own navigation. Currently our CMS doesn't have a language directory to support ZH-TW (such as https://www.abc.com/zh-tw) If we do not add a directory, the pages would have to be published as ZH nodes (for Simplified CHINESE) with ZH language tags and canonicals. The only tag we can set for ZH-TW would be the Hreflang tag. Example:
Web Design | | ThinkingPanda0 -
Have you changed 100's of links on your site? Tell me the why's, the how's and what's!
Hello there. If you've changed 100's of links, then I'd like for you to contribute to this thread. I've created a new URL structure for a website with 500+ posts in an effort to make it more user friendly, and more accessible to crawlers. I was just about to pull the trigger, when I started reading up on the subject and found that I might have a few surprises waiting for me around the corner. The status of my site. 500 posts 10 different categories 50+ tags No Backlinks No recent hits (according to Google Analytics) No rankings. I'm going to keep roughly 75% of the posts, and put them in different (new) categories to strengthen SEO for the topic which I'd like to rank multiple categories for, and also sorted a list with content which I'd like to 410. Created new structure created new categories Compiled list of old URLs, and new URLs New H1, Meta Title & Descriptions New tags It looks simple on paper, but I've got problems executing it. **Question 1. **What do I need to keep in mind when deleting posts, categories, and tags - besides 410, Google URL removal? Question 2. What do I do with all the old posts that I am going to re-direct? Each post has between 10-15 internal links. I've started manually removing each link in old posts before 301'ing them. The reason I'm doing this is control the UX, as well as internal link juice to strengthen main categories. Am I on the right path? On a side note, I've prepared for the 301'ing by changing the H1's, meta data and adding alt text to images. But I can't help but to think that just deleting the old posts, and copying over the content to the new url (with the original dates set) would be a better alternative. Any contribution to this thread would be greatly appreciated. Thank you in advance.
Web Design | | Dan-Louis1 -
Internal Linking Conundrum
Hello I have a web site with a menu structure with three levels Top Level (Single Item) > First Level (Single Item) > Second Level (Multiple Items) The first level pages do not rank well. The top level and second level pages rank well. Search Console acknowledges 600 internal links to the top level. 600 to the second level. But only 100 to the first level. This is true across 6 top level items. It is not to do with page level links. It just isn't acknowledging all the links to the first level. Does anyone know why this might be? Thanks for any assistance you can give me.
Web Design | | Andrew-SEO0 -
Does having too many wordpress portfolio pages with little content hurt a site's SEO?
I have a site that is for a service company, not image based like a photographer or artist. We utilize the Portfolio feature to create a gallery of floor coating finishes (images of all the flooring finish options available) but this solution has created /portfolio/file-name pages for each image. These pages have no other content besides the image. I've run SEMrush audits on this site which shows a high percentage of pages with low text/code ratio and duplicate content (a lot of the finishes have very similar names). This site has been extremely slow to improve any visibility online (more than 9 months) and I'm wondering if this is a factor by possibly having a negative effect on our site. We initially chose the portfolio option because it was the best-looking solution for our users but we can certainly change it to another format if that is better. Thanks!
Web Design | | WillGMG0 -
CSS vs Javascript vs JQuery drop down navigation
For a user / seo perspective, what is the best way to code a drop down menu nav bar? Is it best to use css, javascript or a scripting library like jquery? I am thinking about overall best practice that will not have a negative impact on serps. I am also thinking about what will work best on all types of devices i.e. desk tops, lap tops, smart phones and tablets. What are the Pro's & Cons of Using CSS for Drop Down Menus. What are the Pro's & cons of using Javascript for drop down menus. And the same question for jquery. Thank you all in advance for your ideas.
Web Design | | bronxpad0 -
Siloing and navigation menu linking
Still trying to understand siloing and how it relates to displaying links in the navigation menu. I'm working on optimizing a site for a lawyer friend. His site consists of 4 top level pages - index, attorney profile, practice areas, and contact. Then, there are 2 folders that contain all the 2nd-level pages for his 2 practice areas - personal injury and business litigation. The website in question is www(dot)comitzlaw(dot)com. From what I read about siloing before taking the 30-day SEOMoz trial (which I really like so far, by the way), I set the main (left hand) menu up as follows: The 4 top level pages only display the "collapsed" navigation menu, which only links to the index pages for personal injury and business litigation. Go anywhere in personal injury, and all pages link to the "expanded" personal injury navigation (links to auto accidents page, wrongful death, motorcycle accidents, etc.) but the "collapsed" business litigation section and vice versa for business litigation's links to personal injury. I did this because, as I understand, it keeps the practice area links on topic (like in a car sales example where you want a Ford section linking to Ford pages and Chevy pages linking to Chevy pages). Just wondering if anyone thinks I have this set up right. Wondering if the home page should display the "expanded" navigation menu instead or if all top level pages should show the expanded? Appreciate any thoughts on this. Thanks.
Web Design | | c2g0 -
Javascript Redirects
So I have a client who uses a program called test and target by Adobe to test different pages of content for the best layout, design, etc. They use javascript redirects and css hide and show to hide content with div tags. I'm wondering if anyone has experience with test and target or knows about how these hidden div tags and javascript redirects will affect my indexing and SEO. I'm hoping for some guidance fairly quickly as well 🙂
Web Design | | CoolSEOnStuff0 -
HTML5, semantic web & SEO
HTML5 is supposed to revolutionize the way browsers, web clients and services are supposed to "understand" information on the web. I have been planning on converting my site to HTML5 ever since it went into a working draft last spring, however I wanted to know if upgrading to HTML5 would offer any SEO benefits or if it would actually have a negative effect on how my site is perceived on the web. I guess my real question here is "Do search engines recognize HTML5 sectioning?" Is content found in semantic sections like <header>, <footer>, <nav>, <aside>, treated any different than content inside generic HTML4 containers like, or ? </aside> </nav> </footer> </header>
Web Design | | TahoeMountain400