Create blog post

Create a new blog post with SEO On Blog powerful editors

Who can use this feature?

• This feature is available for all users

1. Go to the app, and click Create post to get access to the blog builder

   
2. In editors, you have 3 main parts: Blog settings, blog builder and SEO to build and optimize blog posts.

   
3. Click Save or Save draft to save your blog post. If you set the blog's visibility as Visible, your blog will be published after saving.

Blog settings

Cover image

Cover image is the first image people see when they see your post on your website, in social media shares, or on search engine result pages. Click Add file -> Select your image (JPG, PNG, JPEG, GIF are allowed) -> Set up image alt text.

Excerpt

This is a summary of the post which is shown on your homepage or blog list page.

This is how excerpts look like on your site

Organization

In organization, you can set up blog category, author, tags.

Settings

In Settings, you can select how search engines react with your blog.

• Index: Allow search engines to read, discover and show your blog post in search results.

• Follow: Allow search engines to discover and index all the links in your blog post.

Blog builder

In blog builder, you can edit the content of your blog and set up other SEO content.

Blog content

Content: This is the main content of your blog. Use our blog builder to edit.

Add an element

On the left menu, click to get access to all elements -> Click on elements to add to your blog.

Or in blog builder, click -> Select an element to add an element to your blog. Or you can hit / for quick access.

Style element

You can also style each element. In blog builder, click to style each elements you added.

Each element has different options to style your content.

Element

SEO blog

Provides guidance and suggests on setting up general SEO settings for Shopify blogs.

Search engine listing

This helps you set up meta tags for how this post looks on search results. Meta tags provide information for search engines to understand the content and relevance of a webpage. This helps improve site rankings and visibility in search results.

Social post

This helps you edit how your blogs look when they're shared on social media. You can set up image, title and description of the shared link.

After setting up, you need to add a piece of code to your theme. Go to Themes -> Select current theme -> Click Edit code -> Go to theme.liquid

• Add this code {% render 'avada-blog-social' %} as below image

  
• Go to snippets -> Add a new snippet -> Name new file: avada-blog-social

  

  
• Add this code -> click Save

  {%- assign avada_blog_og_title = article.metafields.avadaBlog.socialTitle | strip_html | strip_newlines | strip | escape -%}
  {%- assign avada_blog_og_description = article.metafields.avadaBlog.socialDescription | strip_html | strip_newlines | strip | escape -%}
  {%- assign avada_blog_og_image = article.metafields.avadaBlog.socialImage -%}
  
  {%- if request.page_type == 'article' -%}
    <!-- Avada Blog Open Graph Meta Tags -->
    {% if avada_blog_og_title and avada_blog_og_title != "" %}
      <meta property="og:title" content="{{ avada_blog_og_title }}" />
    {% endif %}  
    {% if avada_blog_og_description and avada_blog_og_description != "" %}
      <meta property="og:description" content="{{ avada_blog_og_description }}" />
    {% endif %}
    {% if avada_blog_og_image and avada_blog_og_image != "" %}
      <meta property="og:image" content="{{ avada_blog_og_image }}" />
      <meta property="og:image:secure_url" content="{{ avada_blog_og_image }}">
    {% endif %}  
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    {% if avada_blog_og_title and avada_blog_og_title != "" %}
      <meta name="twitter:title" content="{{ avada_blog_og_title }}" />
    {% endif %}  
    {% if avada_blog_og_description and avada_blog_og_description != "" %}
    <meta name="twitter:description" content="{{ avada_blog_og_description }}" />
    {% endif %}
    {% if avada_blog_og_image and avada_blog_og_image != "" %}
      <meta name="twitter:image" content="{{ avada_blog_og_image }}" />
    {% endif %}  
  {% endif %}
  

  

Media

You can manage all images on your store and quickly add to blogs.

• Click Add files -> Upload your image -> Click image to add to blogs

• After adding new images, you can optimize them for faster loading and improve SEO.

Add image alt text.

Why do I need to add alt text for images?

Image alt text provides alternative information for an image on a webpage if the image fails to load on a user's screen.

Image alt text improves accessibility for visually impaired users, helps search engines understand image content and boost your website's SEO performance.

• Compress image

Compressing images help reduce file size and load faster, which enhance user experience

Click Compress image -> Click Integrate to connect with Avada SEO Suite

• You can search images by file name and sort by title, uploaded date.