Jump to content
Latest News: (loading..)
John W

Image for Mobile Search on Google

Recommended Posts

I hope this can turn into a tip that can benefit everyone, but I don't have the answer yet.  I've noticed using Google's "Preview & Diagnosis Tool" that mobile sites showing an image in the mobile search rank 1st even in different states within the US.  This tool is in Adwords and it lets you show first page of Google for different places and different formats, like Desktop, Ipad, mobile phone.  While it's for seeing how your ad shows up, I find it helpful in seeing my organic listing and how it varies state to state.  With tablets and desktop, rankings jump around depending on location.    I've noticed that some sites have images that show up on their organic listing while others don't.  Mine doesn't but I want to find out how.  The thing is, on most of the sites Google is showing some image that' on the page and I don't see anything dictating that. With mobile, the first sites organically are those with images showing in the search.

Does anyone know how we can specify an image for the site to show on mobile? 


I'm not really a dog.

Share this post


Link to post
Share on other sites

So, I did some reading on Schema.org and Stackoverflow and I think I found somethig to try.  Just so I can expand on this, my main search term is "dried flowers"  and Google list my index page, but i dont' have an image on it.  Google is showing other sites ahead of me that have a category in some way called "dried flowers and those with images are ranking higher.  For some of my items, I am #1 on Google and it shows the product image, so my thought is to have a main image on my index page.  Here's the code I found to try.  Has anyone done this?

   <div itemscope itemtype="https://schema.org/WebPage">
      <img src="e.g./pic.jpg" itemprop="primaryImageOfPage" />
   </div>

Anyone have any thoughts or reason not to do this?


I'm not really a dog.

Share this post


Link to post
Share on other sites

If anyone is following this thread, I'm happy to say that this works.  My image shows up for my index page now and it seems to have helped move me up a position or two in ranking.  I put it near the title tag.  So, if you have a main search term that applies to your whole site, then maybe give this a try.  Here's how I did it on index.

<div class="page-header">
  <h1 class="col-sm-9"><?php echo HEADING_TITLE; ?></h1>
  <div class="img-responsive thumbnail col-sm-3 text-right" itemscope itemtype="https://schema.org/WebPage">
    <img src="images/search_term_primary.jpg" alt="Search Term" itemprop="primaryImageOfPage" />
  </div>
</div>

 


I'm not really a dog.

Share this post


Link to post
Share on other sites

John: I haven't tested your suggestion but if it works as you say, then an image and search term specific to the page would help more, from an SEO point of view, I think. So for the product page, this might be better:

  <?php if (tep_not_null($product_info['products_image']) && file_exists('images/' . $product_info['products_image'])) ?>
    <div class="img-responsive thumbnail col-sm-3 text-right" itemscope itemtype="https://schema.org/WebPage">
      <img src="images/<?php echo $product_info['products_image'];?>" alt="<?php echo $product_info['products_name']; ?>" itemprop="primaryImageOfPage" />
    </div> 
  <?php } else { ?>
    <div class="img-responsive thumbnail col-sm-3 text-right" itemscope itemtype="https://schema.org/WebPage">
      <img src="images/search_term_primary.jpg" alt="Search Term" itemprop="primaryImageOfPage" />
    </div>
  <?php } ?>  

 

Share this post


Link to post
Share on other sites

Hi Jack,

I only did this for my default index page, becaue people search "dried flowers" and Google wouldn't pick up any of my other images on the default index page.  It picked up images for my product pages before, but I wanted my main term showing up.  I think the way BS is set up for the product info page works pretty well as is.  I haven't messed with that.

Some competitor sites Google would just pick some image off the page.  Running adwords for "dried flowers", which I used to do, is too expensive now and not worth it.  A few years I was number two for the term but it's harder lately.  Number 5 organically isn't too bad.


I'm not really a dog.

Share this post


Link to post
Share on other sites

If by "categories with pictures" you mean to display the categories on the home page using images, I have already coded a module for this. I intend to upload it but haven't had the time to package it. If you want it, please let me know and I will add a link to just the files.

Share this post


Link to post
Share on other sites

No, what I was wondering is if there would be more info to give with an image on a category page.  For that matter more meta info on the category page.  In looking at shema.org, I'm not finding what I was thinking.  Right now, for instance I have this on my dried wheat page and i wondered if I would be better with more meta info.  However, my site still has some old code in it and parts I haven't fully updated.

<div class="thumbnail pull-right">
  <img src="images/categories/dried_wheat.jpg" alt="Dried Wheat" title="Dried Wheat" class="img-responsive" width="102" height="125">
</div>

 


I'm not really a dog.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×