Announcement

Collapse
No announcement yet.

Rich Snippets

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Rich Snippets

    Anybody is utilizing them? don't see any info in 3dcart about it

    rich snippets

  • #2
    hmm I'm going to look into this.
    (¯`v´¯)
    `*.¸.*´

    ¸.•´¸.•*¨) ¸.•*¨)
    (¸.•´ (¸.•´ .•´ ¸¸.•¨¯`•
    * P£†®ª *

    Shadow Trailers
    www.TrailerandTruckParts.com
    www.Trailer-Wheels.com
    www.iTrailerParts.com

    Comment


    • #3
      I use them on our product pages. You insert the declaration (i.e. what type of page it is) and code meta tags in your header with the appropriate variables.
      I use itemprop name, description and image, which is coded like this:
      Code:
      <meta itemprop="name" content="[name]">
      <meta itemprop="description" content="[description]">
      <meta itemprop="image" content="http://www.totalcomputing.net/[image1]">
      Scroll down to the Products section in this help article and it will show you the properties you can use:
      Products - Webmaster Tools Help
      Chris
      TC Life Safety
      TC Wireless

      Comment


      • #4
        Be nice if they could be automated... Especially if your using Power Reviews.

        Comment


        • #5
          tclifesafety, Thank you for posting these.

          I added them to the bottom of the Open Graph Meta Tags. No need to access the Listing templates. This way they are also easy to edit or modify if need be.

          Social Commerce > Like Button > Advanced > Open Graph Meta Tags

          Comment


          • #6
            elightbox, I'm pretty sure they're different. The opengraph meta tags are for Facebook, but the ones I posted are used by Google and others to pull details for search results.

            Here's an explanation of how Google uses them:
            Rich snippets (microdata, microformats, and RDFa) - Webmaster Tools Help

            Here's a testing tool to make sure they are formatted correctly:
            Webmaster Tools - Rich Snippets Testing Tool
            Chris
            TC Life Safety
            TC Wireless

            Comment


            • #7
              I know they are different.

              I was just showing an alternate way of installing the Rich Snippet code.

              The Open Graph snippet in Social Commerce > Like Button > Advanced is inserted automatically on the Listing pages. Adding the Rich Snippets code there, in Addition to the Open Graph code , will also add them to the header of listing pages without having to edit the page code directly.
              so it would look like this
              Code:
              <meta property="og:image" content="[product_image]"/> 
              <meta property="og:type" content="product"/> 
              <meta property="og:site_name" content="[store_name]"/> 
              <meta property="og:title" content="[TITLE]"/> 
              <meta property="og:url" content="[product_url]"/>
              <!-- Rich snippets-->
              <meta itemprop="name" content="[name]">
              <meta itemprop="description" content="[description]">
              <meta itemprop="image" content="http://www.site.com/[image1]">

              Comment


              • #8
                Ooooohhh, I didn't realize that's what you were saying at first. I was actually trying to find a way to only insert the snippets in products pages - when you add it to the header you don't have that option.

                Great tip, thanks!
                Chris
                TC Life Safety
                TC Wireless

                Comment


                • #9
                  Originally posted by elightbox View Post
                  I know they are different.

                  I was just showing an alternate way of installing the Rich Snippet code.

                  The Open Graph snippet in Social Commerce > Like Button > Advanced is inserted automatically on the Listing pages. Adding the Rich Snippets code there, in Addition to the Open Graph code , will also add them to the header of listing pages without having to edit the page code directly.
                  so it would look like this
                  Code:
                  <meta property="og:image" content="[product_image]"/> 
                  <meta property="og:type" content="product"/> 
                  <meta property="og:site_name" content="[store_name]"/> 
                  <meta property="og:title" content="[TITLE]"/> 
                  <meta property="og:url" content="[product_url]"/>
                  <!-- Rich snippets-->
                  <meta itemprop="name" content="[name]">
                  <meta itemprop="description" content="[description]">
                  <meta itemprop="image" content="http://www.site.com/[image1]">

                  this is how i have it setup,

                  how is this different?

                  HTML Code:
                  <!-- AddShoppers Product Schema Start --> 
                  <div itemscope itemtype="http://schema.org/Product"; style="display: none"> 
                  <span itemprop="name">[name]</span> 
                  <span itemprop="description">[description]</span> 
                  <img itemprop="image" src="http://mysite.com/[image1]"/> 
                  
                  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 
                  <span itemprop="price">[price]</span> 
                  
                  <link itemprop="availability" href="http://schema.org/InStock" />In stock
                  </div>*
                  </div> 
                  <!-- AddShoppers Product Schema End -->

                  Comment


                  • #10
                    The code you posted is for AddShoppers. It is a service similar to Addthis.com (3dcart uses addthis for Social Commerce).
                    So if you do not utilize AddShoppers, then you do not need the code you listed. If you do, then follow their instructions on where to place their code.

                    The code I posted above has two sections:

                    one section is for Facebook : <meta property="og:

                    and the other is for Google Rich Snippets (courtesy of tclifesafety): <meta itemprop="

                    Comment


                    • #11
                      Originally posted by elightbox View Post
                      The code you posted is for AddShoppers. It is a service similar to Addthis.com (3dcart uses addthis for Social Commerce).
                      So if you do not utilize AddShoppers, then you do not need the code you listed. If you do, then follow their instructions on where to place their code.

                      The code I posted above has two sections:

                      one section is for Facebook : <meta property="og:

                      and the other is for Google Rich Snippets (courtesy of tclifesafety): <meta itemprop="
                      so what does this do for Facebook exactly?

                      HTML Code:
                      <meta property="og:image" content="[product_image]"/> 
                      <meta property="og:type" content="product"/> 
                      <meta property="og:site_name" content="[store_name]"/> 
                      <meta property="og:title" content="[TITLE]"/> 
                      <meta property="og:url" content="[product_url]"/>

                      and will my
                      "<span itemprop="

                      work the same as your
                      "<meta itemprop"

                      for Google? and if not what is the difference, should i get put both?

                      Comment


                      • #12
                        Open Graph Meta Tags and Author confusion?

                        Thanks so much for the Open Graph Meta Tags code! I am concerned about one thing. After adding this, when I test the page with the snippets testing site It seems to think that the 'author' of the page is the first person who left a review?

                        I added an author metatag to the page but it doesn't seem to make any difference. hmmm.. any ideas?

                        Thanks again - Kathy
                        Put Some Spice In Your Life!
                        http://www.redonionspice.com

                        Comment


                        • #13
                          Redonion, I guess that is a problem, however it is above my pay grade. Hopefully someone more advanced can chime in.

                          Ray,
                          You need both the Rich Snippets and the Facebook tags.
                          The addshopper tags are for addshopper. add them if you use their service.

                          These tags explain succinctly and accurately what your page is about. They tell the Like button and the Send button and Google very specific info about the page.
                          Each service has its tags.

                          Comment


                          • #14
                            Originally posted by elightbox View Post
                            Ray,
                            You need both the Rich Snippets and the Facebook tags.
                            The addshopper tags are for addshopper. add them if you use their service.

                            These tags explain succinctly and accurately what your page is about. They tell the Like button and the Send button and Google very specific info about the page.
                            Each service has its tags.
                            Thanks for your answer. i guess my question was if the addshopper tags can double for google, or i should just add both tags, it wont cause any harm, would it?

                            Comment


                            • #15
                              The problem is that you can't use meta tags for rich snippets. It might work a little bit in that some of the data might make it to google or other search engines, but it is not how they are supposed to be implemented and its possible you'll be penalized for "hiding" the data. You actually need to weave the rich snippets into the HTML of the template page and it's fairly complicated to do correctly due to the structure of the template page.
                              Rich snippets not appearing - Webmaster Tools Help
                              Rich snippets - Products - Webmaster Tools Help

                              Comment

                              Working...
                              X