SiteBrandBuilder Social Updates

SiteBrandBuilder social media controls are simpler than ever before. We’ve improved sharing on Facebook, Google+, Pinterest, and Twitter. Best of all is that many of these features happen automatically.

I have written about how Open Graph Tags, microdata, and Twitter Cards were important to optimizing your social media marketing. It’s always been possible to use the Page Specific Additional HTML head feature to add them to your site, but that was clunky and required knowledge of HTML that you shouldn’t need as a SiteBrandBuilder client. We’ve changed that. It’s now far easier to control what someone experiences when they share your site on social media.

SiteBrandBuilder Social Site and Page Updates

There are three new settings that are site specific.

  1. Twitter Card Username.
  2. Twitter Card Account Name.
  3. Facebook Open Graph Site Name.

Your Twitter Card Username is your brand’s Twitter account. The Account Name is the human-friendly name. If you do not specify anything SiteBrandBuilder will use the value of the Site Information’s Title section. It does the same with the Facebook Open Graph Site Name.

SiteBrandBuilder Social update highlighting the large summary image Twitter Card.

Anatomy of a Large Summary Image Twitter Card.

Most of the rest of the updates are page specific. These updates are visible on the Add (or Edit) Page window. We re-arranged this window slightly to only display the features that are most used by default. At the bottom you will see that there are three new sections:

  • Twitter Card Settings.
  • Facebook Open Graph Settings.
  • Microdata Schema Settings (used by Google/Bing).

Twitter Card Settings allow you to set the card type, the page creator, title, and description. It also allows you to specify two labels and variables for use with the product card. If you do not specify anything we use the page specific title and description for the Twitter Card. We will also make the page the summary card under most conditions. See the section below for when this is not the case.

Facebook Open Graph Settings allow you to set the open graph type, the page locale, title, description, and URL. It also lets you specify the price and currency when used with the product type. We have defaulted every page to use the US-English as the locale. We also set the currency to US-dollar. If omitted we use the page specific title, description, and the canonical URL for the equivalent open graph values. We also make the page an article by default under most cases. Again, see the section below for when this is not the case.

The Microdata Scheme Settings section is basically the same as the Facebook Open Graph Settings section. The only difference is there is omission of the page locale setting. We will assign the page the WebPage schema by default . As an SEO Tip, I would recommend you update this for your About and Contact pages.

SiteBrandBuilder Social Module Updates

Images are very important to your social sharing. We knew that the changes above were important, but we knew we had to improve the quantity and quality of images that you can share.We now explicitly list images as recommendation for use as the share image on social networks. Social networks will now detect images set using the slideshow module. They also will detect the larger images set using the photo gallery module. Before the change they only saw the thumbnail images.

The photo gallery module will default a page to use Gallery Twitter Card. You can change this by explicitly setting a  different card for the page. With this card Twitter will display the first four images in a 2×2 grid in your tweet.

SiteBrandBuilder Social update to let you discourage an image from social sharing.

SiteBrandBuilder Social update to let you discourage an image from social sharing.

SiteBrandBuilder will not recommend images that are less than 2 KB from being chosen as the featured image for a page. We also added a setting to the image module that lets you remove the image from the list of recommend images. Of course, this simply removes the recommendation. If there are no other images on that page social networks may use it anyways.

Beyond photos, there are SiteBrandBuilder social updates to the shopping cart and video modules.

Shopping cart product pages automatically change the default Twitter Card, and Open Graph and Microdata types to product. They also have their price assigned to them. Twitter Cards display the title of the first product option with the card.

The video module now includes special markup that is recognized by Google if you specify a video title, description, and thumbnail image. We still recommend YouTube for better exposure, but this helps if you cannot use YouTube.

SiteBrandBuilder Social Update: Pinterest

All of the changes above enhance your site for Pinterest. Your pages will validate as Article or Product Rich Pins. But you can go even further. You can make your site display a Pin It button when a person hovers over any image on your site. This site is an example of that.

To add the hover feature you must log in to the SiteBrandBuilder Control Panel and go to the Account Settings page. From their click on the Edit Permissions page. Scroll down to the Automatically include Pinterest JavaScript option at the bottom. In the Site column paste in the following and hit the save button:

p.setAttribute(‘data-pin-hover’, true);

Admittedly, enabling this feature is fairly technical. We did it this way because we suspect that Pinterest will add more features to the Pinterest JavaScript code and we wanted a single point of entry for this feature. Feel free to contact us if you would like this and are having trouble with the code above.

That covers all of the SiteBrandBuilder social updates that we’ve made recently.We’re always open to new ideas. We encourage you to please send us feedback on how else we can improve our software.

Thank you and keep building your brand.



Brian is the Director of Development and Social Media for Brand Builder Websites where he oversees the development, strategy, and goals for our software development. He is also a huge fan of Android.
This entry was posted in Facebook-integration, Google, Press Releases, Search Engine Optimization, Social Media and tagged , , , , , , , , . Bookmark the permalink.

Comments are closed.

Brand Builder Company © 2016 Brand Builder Company | 520 Phillips Road Webster, NY 14580 | E-mail: info@brandroc.com

Website design, web development, and mobile website by Brand Builder Websites in Rochester, NY via SiteBrandBuilder