9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Hide image on website, but not on Google Images!

by Sayn
7 replies
  • SEO
    • |
Hello Warriors,

I want to hide an image on my website, but I don't want to deindex it from Google Images as I get my traffic from there.

Can I make this somehow? Javascript or anything?



Thanks,
Sayn
#google #hide #image #images #website
  • Profile picture of the author rahmanpaidar
    It is risky for getting penalized.
    Even if the risk is 0.01%, I personally would not do it since I gain nothing.

    If you want to not lose the SERP for that image after changing the image,
    use the same ALT as you previously were using.
    But you might not get the same traffic since the image has been changed and
    click rates to your site for that image, will be affected severely.
    Signature
    طراحی سایت، طراحی وب سایت
    {{ DiscussionBoard.errors[4245187].message }}
    • Profile picture of the author Sayn
      I want to hide because the image takes my 10% CTR.. =)

      A "toggle button" would be good also, so people can see the image if they click on the Toggle Image button, I think that wouldn't be bad.

      Do you have any idea how can I make that?
      {{ DiscussionBoard.errors[4245216].message }}
    • Profile picture of the author paulgl
      If people come to your site looking for the image, and
      the image does not appear, what do you think your
      visitors are doing?

      Relying on an image for traffic is kind of strange.

      Why not keep it there? What's the harm?

      You could define the dimensions, 1x1, then it would be almost
      invisible.

      Javascript would probaby make the image invisible to google as
      well, at least on that page.

      I doubt it would case any "penalties." The image is already indexed
      and people can just view the image rather than the page it's on
      anyway. But that would cause traffic to the page to decrease.

      It just makes no sense.

      Stop relying on an image for traffic. Notice I did not say traffic from
      images is not good. But what does it say about your site if the only
      way people are getting there is from an image search?

      Keep the image on the page and entice the visitors to have a look around.

      Paul
      Signature

      If you were disappointed in your results today, lower your standards tomorrow.

      {{ DiscussionBoard.errors[4245292].message }}
      • Profile picture of the author Sayn
        I ranked with this image at #1 in images for a keyword which have blended image results. I didn't made money as they only wanted the image, I removed the image and people started to click on my adsense ads and I earned €30 a day. (I did not know the traffic come from the image) but after removing from the site, google deindexed it and I lost my traffic.

        If I set it to 1x1, I think google will deindex it.
        {{ DiscussionBoard.errors[4245419].message }}
  • Profile picture of the author yukon
    Banned
    1) This code will force the Google Image traffic to land on your page, instead of allowing them to land on your image inside Google image search (redirect).

    Once the traffic clicks your image in Google Image search your entire html page is already loaded in their browser (behind the image), that's the reason for the javascript, php wouldn't work since the page is already loaded behind the Google image overlay.

    Add this code one line above the </head> tag.

    <script type="text/javascript">
    if (top.location != location) {
    top.location.href = document.location.href ;
    }
    </script>



    2) This code is 2 parts (CSS + HTML), assumes you have an existing CSS file, add this code at the bottom of the CCS file.

    Leave the code at 500x400 px, or make it a realistic image size (not 1x1px). I use an odd number like 547x492px, it's only for Google Image results.

    .my-img {
    width:500px;
    height:400px;
    display:none;
    }



    3) This is the 2nd part of the hidden image code.

    Add this code to the html page, change the image URL, Alt-Text, & Title-Text to whatever you need.

    <span class="my-img">
    <img src="http://domain.com/images/image1.jpg" alt="" title=""/>
    </span>
    You can change the name of the image class name in both the CSS + Html code from my-img to whatever you want, so you don't have the same footprint that anyone else running this code has. Make sure, If you change the class name that both the CSS + Html name is the exact same, & the class/code name is case sensitive.


    [note]
    I only use this code for a single image on my site, I recommend you don't push your luck with a bunch of hidden images. I've been running the javascript for about 7 months, & the rest of the hidden code for well over a year on my own sites, without any problems from G.
    {{ DiscussionBoard.errors[4245936].message }}
    • Profile picture of the author Sayn
      Thanks Yukon, again! Btw, I sent you an e-mail a few days ago, did you get it?
      {{ DiscussionBoard.errors[4246488].message }}
      • Profile picture of the author yukon
        Banned
        Originally Posted by Sayn View Post

        Thanks Yukon, again! Btw, I sent you an e-mail a few days ago, did you get it?
        Your welcome.

        I'm looking at the email you sent, I'm on gchat now,
        {{ DiscussionBoard.errors[4246832].message }}

Trending Topics