Setting Twitter Social Meta for Your Homepage

When you or your visitors share the homepage of your site on Twitter, Twitter will display a title, description and image which represents your site.

This information can significantly increase the click-through rates when people see your site on Twitter, leading to more visitors and greater engagement.

Luckily, All in One SEO makes it easy to control this information so you attract attention to your site when people scroll through their Twitter feed.

Here we’ll show you how to set your Twitter Social Meta when your homepage is set to display your latest posts, and when your homepage is set to a static page.


Setting the Twitter Social Meta When Your Homepage Displays Your Latest Posts

To get started, click on Social Networks in the All in One SEO menu and then click on the Twitter tab.

Social Networks menu item in the All in One SEO menu

On the Twitter screen, scroll down to the Home Page Settings section. You should see the Preview along with fields for Card Type, Home Page Image, Home Page Title, and Description.

The Preview shows how your homepage will look in Twitter based on the image, title, description and card type you set.

Home Page Settings Preview for Twitter

Now let’s set the Card Type. This affects the appearance of the Tweet and can have a direct impact on click-throughs to your site.

You can use the drop down in the Card Type setting to choose either Summary or Summary with Large Image. The Preview will change based on your selection.

Card Type setting in Home Page Settings for Twitter

Next, let’s set an image in the Home Page Image field that will appear in Twitter when your homepage is shared.

To set your image, click on the Upload or Select Image button and upload an image, or choose an image from your Media Library.

Setting an image for Twitter in Home Page Settings

You can also type or paste the URL for an image into the field.

The image you set will appear below the Home Page Image field and in the Preview.

Type or paste the URL for an image in the Image field in Home Page Settings

Now that we’ve set the image, we can now set your title.

Above the Home Page Title field you’ll see some smart tags. Click on any tag to add it to the field.

Adding a smart tag to the Home Page Title field

You can also type the hash character ( # ) in the field to display a list of available tags you can choose from.

Typing the hash symbol displays a list of available tags to choose from

You can also enter text in the field or combine text with smart tags.

Now we can set the description.

The Description field works in the same way as the Home Page Title field. You can select from one of the smart tags displayed above the field, or type the hash character ( # ) in the field to display a list of available tags you can choose from.

You can also enter text in the field or combine text with smart tags.

Description field in Home Page Settings for Twitter

Setting the Twitter Social Meta When Your Homepage Displays a Static Page

To set the Twitter Social Meta when your homepage displays a static page, go to Pages and click on your home page to edit it. Scroll down to the AIOSEO Settings section and click on the Social tab and then on the Twitter tab.

Twitter settings in All in One SEO on the Edit Page screen

You should see the Twitter PreviewUse Data from Facebook Tab, Twitter TitleTwitter DescriptionImage Source and Twitter card Type settings.

The Twitter Preview shows how your homepage should look when posted on Twitter based on the Title, DescriptionImage and Card Type you set. There are icons in the top right corner to view how it may look on desktop or mobile.

Twitter Preview showing the desktop and mobile icons

If you want to use the Title, Description and Image set on the Facebook tab as the Twitter title, description and image, then enable the Use Data from Facebook Tab setting.

Use Data from Facebook Tab setting

To set the title for your homepage, click on one of our smart tags shown above the Twitter Title field.

Adding a smart tag to the Twitter Title field

You can also type the hash character ( # ) in the field to display a list of available tags you can choose from.

Typing the hash symbol displays a list of available tags to choose from

You can also enter text in the Twitter Title field or combine text with the smart tags.

Now we can set the description for your homepage.

The Twitter Description field works in the same way as the Twitter Title field. You can select from one of the smart tags displayed above the field, or type the hash character ( # ) in the field to display a list of available tags you can choose from.

Adding a smart tag to the Twitter Description field

Next we’re going to set the image.

You can do this using the Image Source setting. Click the drop down to see the available choices.

You can select Custom Image and a Twitter Image setting will be displayed where you can upload an image, select an image from your Media Library or paste the URL for an image.

Setting the Image Source and Twitter Image

Finally, we’re going to set the Card Type. This affects the appearance of the Tweet and can have a direct impact on click-throughs to your site.

You can use the drop down in the Twitter Card Type setting to choose either Summary or Summary with Large Image. The Preview will change based on your selection.

Twitter Card Type setting

That’s all! You’ve now set the social meta that Twitter will use when your homepage is shared.

When you or your visitors share the homepage of your site on Twitter, Twitter will display a title, description and image which represents your site.

This information can significantly increase the click-through rates when people see your site on Twitter, leading to more visitors and greater engagement.

Luckily, All in One SEO makes it easy to control this information so you attract attention to your site when people scroll through their Twitter feed.

Here we'll show you how to set your Twitter Social Meta for your homepage.

To get started, click on Social Meta in the All in One SEO menu. You'll see that Home Page Settings is the first section.

If you want to use the SEO title and description you've set under All in One SEO » General Settings » Home Page Settings then you can enable the Use AIOSEO Title and Description by checking the checkbox. This will hide the Home Title and Home Description fields.

The first field we're going to complete is the Site Name field. Type the name of your site or business in this field.

Next, let's set the title that will appear when your homepage is shared on Twitter. Enter the title for your homepage in the Home Title field.

Next we'll set the description. Enter the title for your homepage in the Home Description field.

Finally, we're going to set an image in the Home Image field that will appear in Twitter when your homepage is shared.

To set your image, click on the Upload Image button and upload an image, or choose an image from your Media Library.

You can also type or paste the URL for an image into the Home Image field.

Important: For the Summary card type, Twitter prefers images that are a minimum of 144 pixels wide by 144 pixels tall, with an aspect ratio of 1:1.

For the Summary with Large Image card type, Twitter prefers images that are a minimum of 300 pixels wide by 157 pixels tall, with an aspect ration of 2:1.

Full details can be found in Twitter’s documentation here.

That's all! You've now set the social meta that Twitter will use when your homepage is shared.