WordPress SEO: Social Media Integration on Your Website

How to
5Like
2Comments
Share
WordPress SEO: Social Media Integration on Your Website

We decided to dedicate our new WordPress SEO post to connecting social media pages with your website. In this post we’ll talk about social media widgets and social buttons integration. Also, we’ll explain how to set external blog commenting service that allows social media authentication.

1. Social Media Connection Setting

There are several social media that require confirmation for correct connection to your website. First and foremost are Google My Business (and Google+ as a part of it) and Pinterest.

1.1. Google My Business (GMB)

Google My Business acts as a distinctive local business catalog. Registration in GMB helps Google to show your business’ ‘card’ with the well-structured information in search results.

Google My Business descriptions state that:

Google My Business is the new face of local company listings for Google. Its stated goal is to connect you directly with customers via search engine, maps, and Google+

This social network plays an important role in your website’s SEO for several reasons:

  • It can increase your visibility because of GMB listing in Google search results.
  • Google My Business profile activity is one of the Google ranking signals.
  • It is one of the main local SEO tools.
Social Media Integration: GMB Listing in Google Search Results

Using Google My Business service is totally free. GMB registration procedure is simple and quick. At the end Google will ask a confirmation of your actual address. To provide it, you have to receive a letter from Google with confirmation code and then enter it in GMB profile settings. After this simple procedure your website’s GMB card will appear in Google’s local search (including local listings).

Social Media Integration: Google's Local Listings

1.2. Pinterest

Pinterest personal and business accounts have some differences in functionality. But unlike the other social media, Pinterest offers a full-fledged connection with a website for both of them. So which type of account you should choose? Our answer is business account. Free corporate account will not grant you a lot of great features, but it can be useful if you’ll need Pinterest paid advertising tools in future.

Connecting both types of accounts with a website is practically the same process.

Social Media Integration: Switching Between Personal and Business Account in Pinterest

This is what you need to do to connect your website to a Pinterest account:

  1. Go to the ‘Profile Settings’.
  2. Scroll down to ‘Claim Website’ section.
  3. Enter your website’s URL in a box and click on ‘Claim website’ button.
  4. Social Media Integration: Connecting Website with Pinterest Account
  5. Select one of two available claim options. We chose the second one. It implies uploading a specific file to the website’s root directory. This is the easiest way because it doesn’t require any manipulations with source code and assistance of a web-developer.
  6. Connecting Website with Pinterest — Claim Option
  7. Upload downloaded HTML-file to the website root directory (if your domain is the main one, it should be placed in /public_html/ folder; choose /site.com/ folder if your domain is the additional one). You can easily do it with FTP-client. Download and install Filezilla or any other FTP-client and set all parameters provided by your hosting service.

2. Setting Social Media Widgets

In the beginning of technical optimization process, you must think about your potential visitors. What kind of information they are interested in? What answers are they looking for? It is very important not only for usability, but also for both users and search engines.

Engaged users would probably like to know more about your company (brand, project) – beyond the information provided at ‘About Us’ page (by the way, it also must be properly optimized). Therefore it is significant to place social media buttons and widgets on such elements of your website as footer, main and additional menu or sidebar.

To do so you have to install Jetpack plugin and create your personal wordpress.com profile to activate it. To set all Jetpack parameters, go to the ‘Jetpack’ section in the main menu and follow plugin instructions on the ‘Console’ tab.

Console Tab in Jetpack Plugin

This plugin considerably extends WordPress functionality. In our next posts we will use it again many times.

2.1. Adding Basic Social Media Icons Widget

There are several social widgets available from Jetpack that can be easily implemented within any WordPress template. One of them is ‘Social Media Icons’ widget with a simple and neat design.

To add ‘Social Media Icons’ widget you need to:

  1. Enter the website console.
  2. Select ‘Customize’ in the ‘Appearance’ menu.
  3. Decide which website module should contain social media buttons. It can be sidebar or footer. We recommend choosing footer.
  4. Widgets in Jetpack Plugin
  5. Push ‘Add widget’ button, choose the widget mentioned above and set parameters according to your social media preferences.
  6. Adding Social Icons via Jetpack Plugin
  7. Save changes and exit template customizing mode.
  8. Open your website as an ordinary user and check if all created social buttons work correctly.

2.2. Additional (Social) Menu

If your template allows you to create an additional menu, you can use it for social media profiles links.

To create additional ‘social’ menu, you need to:

  1. Enter the website console, then choose ‘Appearance’ → ‘Menu’.
  2. Create a new menu that contains your social media links.
  3. Go to the template customizing mode.
  4. Choose ‘Menus’ section and open ‘Menu Locations’. If your template supports additional menu, you can click on ‘Secondary / Social Menu’ and select the menu you’ve created in a console.
  5. Customizing Menus in Jetpack Plugin
  6. Save changes.

2.3 Original Social Media Widgets

Jetpack plugin makes it possible to add Facebook, Flickr and Twitter original widgets in a few minutes.

To add the original social media widgets you need to:

  1. Go to the ‘Appearance’ → ‘Customize’.
  2. Enter the ‘Widgets’ section and select one of the available areas in a sidebar or a footer.
  3. Add one of the proposed widgets – ‘Facebook Page Plugin’, ‘Twitter Timeline’ or ‘Flickr’.
  4. Adding Facebook Page Plugin in Jetpack
  5. Fill the widget area ‘Title’ and customize it according to your taste.
  6. Save changes, leave the editing mode and check if everything works properly.

3. Setting External Blog Comment Service

If you want to use external blog comment service instead of default WordPress commenting system, think if you need on-site user registration. If you don’t need it and you want to simplify visitor interaction process, it will be better to use external add-ons. It will let your users authorize using their social media accounts and leave comments in the easiest way for them.

You can have your choice of any popular solutions, but we’d like to advise you to try Disqus.

To install Disqus on your website you need to:

  1. Register on Disqus website.
  2. Go to the 'Create a New Site' page.
  3. Type your website URL, select its language and main category.
  4. Open ‘Instal Disqus’ tab and select WordPress platform.
  5. Go to the ‘Universal Code Instructions’ page.
  6. Installing Disqus in WordPress
  7. Open your website console in a new browser tab. Go to the ‘Appearance’ section and open ‘Editor’.
  8. Select ‘Single post’ (Single.php) from a file list. Copy the source code and paste it into a new file on your computer (it can be useful in case you do something wrong).
  9. Go back to Disqus settings page. Copy the code from the paragraph 1 and paste it in a new line under tag in a ‘Single post’ file. Save changes.
  10. Go to your website console and scroll down to the main settings section; select ‘Discussion’.
  11. Deactivate the ‘Allow people to post comments on new articles’ option to avoid simultaneous presence of two comment systems (WordPress and Disqus).
  12. Apply new settings. Create and publish a new test post and then open it in a new browser tab to be sure that Disqus is integrated properly. Delete this post.

4. Adding Social Media Buttons

4.1. Adding Social Buttons Using Jetpack

You can install social media buttons (‘Share’, ‘Tweet’, etc.) on your website using Jetpack plugin. This plugin supports social media buttons integration function. There you can find Facebook, Twitter, Tumblr, Pinterest, Telegram, LinkedIn, Reddit, Google, WhatsApp, Skype, and some other social media buttons.

Jetpack allows you to choose buttons selectively or all at once and automatically put them on some type of page. And, moreover, buttons design is visually pleasing – you can choose neat monochrome version or brand style of each social network.

To add social buttons with Jetpack plugin you need to:

  1. Enter a website console and choose ‘Jetpack’ → ‘Settings’ → ‘Sharing’.
  2. Turn on the ‘Add sharing buttons to your posts’ option.
  3. Click on ‘Configure your sharing buttons’ button below.
  4. Select all buttons you want to use on your website.
  5. Choose preferred button design.
  6. Choose the type of pages that must contain buttons.
  7. Save changes and get back to a console.

If you need social buttons with advanced functionality, you can find other solutions including original buttons provided by every social media platform. Keep in mind that some of them will require developer’s help.

Summary

To set a basic connection between your website and social media pages, you can use several free tools including Jetpack plugin and Disqus blog commenting service. They allow you to:

  • Install social media widgets on your website.
  • Add social media buttons.
  • Set convenient external blog comment service.
  • Make a great basis for search engine optimization from Social Signals point of view.

If you have any questions about Social Media Connection and WordPress SEO – feel free to write them in comments. We’ll be glad to answer them ;)