{"id":18148,"date":"2013-09-17T23:01:40","date_gmt":"2013-09-17T15:01:40","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=18148"},"modified":"2023-12-11T19:19:21","modified_gmt":"2023-12-11T11:19:21","slug":"optimizing-social-button","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/","title":{"rendered":"5 Ways to Optimise Your Social (Count) Buttons"},"content":{"rendered":"<p><strong>Note:<\/strong> This post was first published on the Sep 17, 2013.<\/p>\n<p>Nowadays, including social sharing buttons on web pages is a popular way to boost user interaction and make sharing content easier. However, these buttons can <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/zurb.com\/article\/883\/small-painful-buttons-why-social-media-bu\">significantly slow down your website\u2019s loading time<\/a>.<\/p>\n<p>Take the <strong>Facebook Like<\/strong> button as an example. The script that retrieves the <strong>\u201clike\u201d<\/strong> count and adds the button\u2019s HTML markup can greatly affect your site\u2019s speed. This effect is even more pronounced if you place a like button on each post.<\/p>\n<p>In this article, we\u2019ll explore various <strong>methods to fine-tune social sharing buttons to boost your site\u2019s loading speed<\/strong>. We\u2019ve experimented with numerous tools and scripts, and here are our top 5 picks, along with their advantages and disadvantages. Let\u2019s dive in.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/improving-site-speed\/\" class=\"ref-block__link\" title=\"Read More: A New Job Description For Designers: Improving Site Speed\" rel=\"bookmark\"><span class=\"screen-reader-text\">A New Job Description For Designers: Improving Site Speed<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/improving-site-speed.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-15192 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/improving-site-speed.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">A New Job Description For Designers: Improving Site Speed<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tLearn how to improve your website's speed and boost user experience with these tips and tools. Increase traffic...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/socialitejs.com\/\">1. Socialite<\/a><\/h2>\n<p><strong>Socialite<\/strong> is a JavaScript library created by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/dbushell\/\">David Bushell<\/a>. It optimizes your page\u2019s load time by loading social buttons only when needed, like when users hover over them or scroll down the page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/socialite.jpg\" alt=\"Socialite Library\" width=\"500\" height=\"165\"><\/figure>\n<h3>Pros<\/h3>\n<ul>\n<li>Available as a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/extend\/plugins\/wpsocialite\/\">WordPress plugin<\/a>.<\/li>\n<li>Works without jQuery or other libraries.<\/li>\n<li>Triggers the loading of social buttons on various events like hover, scroll, or click.<\/li>\n<li>Can be customized using CSS.<\/li>\n<li>Supports a wide range of social networks, such as Facebook, Twitter, LinkedIn, Pinterest, Spotify, and GitHub, and can be extended to others.<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Does not support querying share or like counts.<\/li>\n<\/ul>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/sharrre.com\/\">2. Sharrre<\/a><\/h2>\n<p><strong>Sharrre<\/strong> is a jQuery plugin that helps you add social buttons to your website. It offers a variety of APIs for extensive customization of the buttons.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/sharrre.jpg\" alt=\"Sharrre jQuery Plugin\" width=\"500\" height=\"142\"><\/figure>\n<h3>Pros<\/h3>\n<ul>\n<li>Supports a wide array of social network buttons, including Facebook, LinkedIn, Digg, and others.<\/li>\n<li>Fully customizable buttons using CSS and plugin options.<\/li>\n<li>Capability to fetch and aggregate share counts.<\/li>\n<li>Integration with Google Analytics for tracking.<\/li>\n<li>Available as a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/DerekMarcinyshyn\/wp-sharrre\">WordPress plugin<\/a>.<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Requires jQuery to function.<\/li>\n<li>Depends on an additional PHP script for querying Google+ share counts.<\/li>\n<\/ul>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/thenextweb\/TNW-Social-Count\">3. TNW Social Count<\/a><\/h2>\n<p><strong>TNW Social Count<\/strong>, initially created for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/thenextweb.com\/\">The Next Web<\/a>, is a WordPress plugin that tracks and displays article share counts. The developer has generously made this plugin available for free, though it doesn\u2019t include every feature of the original version.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/tnw-social.jpg\" alt=\"TNW Social Count Plugin\" width=\"500\" height=\"180\"><\/figure>\n<h3>Pros<\/h3>\n<ul>\n<li>User-friendly WordPress plugin with an intuitive GUI and template tag.<\/li>\n<li>Supports four major social networks: Facebook, Twitter, and LinkedIn.<\/li>\n<li>Highly customizable with CSS.<\/li>\n<li>Flexibility to fetch share counts automatically or on demand.<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Limited to WordPress, requiring extra steps for use with Joomla or Drupal.<\/li>\n<li>Adds additional fields to the database, which could be problematic for hosting plans with limited database resources.<\/li>\n<li>Currently, support is limited to the four social networks mentioned above.<\/li>\n<\/ul>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.filamentgroup.com\/lab\/socialcount\">4. Filament Social Count<\/a><\/h2>\n<p><strong>Social Count<\/strong>, developed by Filament Group, is a jQuery plugin that efficiently integrates sharing buttons from Facebook, Twitter, and Google+ into websites. It enhances page loading speed by loading each button separately and only when the user interacts with it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/social-count.jpg\" alt=\"Filament Social Count Plugin\" width=\"500\" height=\"185\"><\/figure>\n<h3>Pros<\/h3>\n<ul>\n<li>Buttons are loaded individually upon user interaction, like hovering.<\/li>\n<li>Extremely light, with a file size of only <strong>2.98KB<\/strong>.<\/li>\n<li>Compatible with touch devices.<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Limited to buttons for Facebook, Twitter, and Google+ only.<\/li>\n<li>Dependent on jQuery, adding an extra <strong>93kb<\/strong> to the load size.<\/li>\n<\/ul>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/social-likes.js.org\/\">5. Social Likes<\/a><\/h2>\n<p><strong>Social Likes<\/strong> is a jQuery plugin that displays social buttons along with their share counts. It features styles that closely resemble the original buttons, as you can see in the screenshot below.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/social-likes.jpg\" alt=\"Social Likes Plugin\" width=\"500\" height=\"151\"><\/figure>\n<h3>Pros<\/h3>\n<ul>\n<li>Comes with default button styles that closely mimic the original designs.<\/li>\n<li>Allows for customization of appearance through CSS and GUI options.<\/li>\n<li>Includes support for additional networks like Pinterest and LiveJournal.<\/li>\n<li>Can be easily extended to include more social networks.<\/li>\n<\/ul>\n<h3>Cons<\/h3>\n<ul>\n<li>Like Sharrre, it depends on jQuery and a PHP script for querying Google+ counters.<\/li>\n<li>Automatically queries for counter numbers when the page loads.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Note: This post was first published on the Sep 17, 2013. Nowadays, including social sharing buttons on web pages is a popular way to boost user interaction and make sharing content easier. However, these buttons can significantly slow down your website\u2019s loading time. Take the Facebook Like button as an example. The script that retrieves&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3409,352],"tags":[1953],"topic":[4520,4523],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>5 Ways to Optimise Your Social (Count) Buttons - Hongkiat<\/title>\n<meta name=\"description\" content=\"Note: This post was first published on the Sep 17, 2013. Nowadays, including social sharing buttons on web pages is a popular way to boost user\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Ways to Optimise Your Social (Count) Buttons\" \/>\n<meta property=\"og:description\" content=\"Note: This post was first published on the Sep 17, 2013. Nowadays, including social sharing buttons on web pages is a popular way to boost user\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-17T15:01:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-11T11:19:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/socialite.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"5 Ways to Optimise Your Social (Count) Buttons\",\"datePublished\":\"2013-09-17T15:01:40+00:00\",\"dateModified\":\"2023-12-11T11:19:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/\"},\"wordCount\":619,\"commentCount\":11,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/optimizing-social-button\\\/socialite.jpg\",\"keywords\":[\"User Engagement\"],\"articleSection\":[\"Social Media\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/\",\"name\":\"5 Ways to Optimise Your Social (Count) Buttons - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/optimizing-social-button\\\/socialite.jpg\",\"datePublished\":\"2013-09-17T15:01:40+00:00\",\"dateModified\":\"2023-12-11T11:19:21+00:00\",\"description\":\"Note: This post was first published on the Sep 17, 2013. Nowadays, including social sharing buttons on web pages is a popular way to boost user\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/optimizing-social-button\\\/socialite.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/optimizing-social-button\\\/socialite.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/optimizing-social-button\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Ways to Optimise Your Social (Count) Buttons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 Ways to Optimise Your Social (Count) Buttons - Hongkiat","description":"Note: This post was first published on the Sep 17, 2013. Nowadays, including social sharing buttons on web pages is a popular way to boost user","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/","og_locale":"en_US","og_type":"article","og_title":"5 Ways to Optimise Your Social (Count) Buttons","og_description":"Note: This post was first published on the Sep 17, 2013. Nowadays, including social sharing buttons on web pages is a popular way to boost user","og_url":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-09-17T15:01:40+00:00","article_modified_time":"2023-12-11T11:19:21+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/socialite.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"5 Ways to Optimise Your Social (Count) Buttons","datePublished":"2013-09-17T15:01:40+00:00","dateModified":"2023-12-11T11:19:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/"},"wordCount":619,"commentCount":11,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/socialite.jpg","keywords":["User Engagement"],"articleSection":["Social Media","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/","url":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/","name":"5 Ways to Optimise Your Social (Count) Buttons - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/socialite.jpg","datePublished":"2013-09-17T15:01:40+00:00","dateModified":"2023-12-11T11:19:21+00:00","description":"Note: This post was first published on the Sep 17, 2013. Nowadays, including social sharing buttons on web pages is a popular way to boost user","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/socialite.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/optimizing-social-button\/socialite.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 Ways to Optimise Your Social (Count) Buttons"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-4II","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=18148"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18148\/revisions"}],"predecessor-version":[{"id":70646,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/18148\/revisions\/70646"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=18148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=18148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=18148"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=18148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}