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

Go to the app, and click Create post to get access to the blog builder
In editors, you have 2 main parts: Blog settings and blog builder to set up details for your blog posts.
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, PND, JPEG, GIF are allowed) -> Set up image alt text.

Template

Template: These blog templates are synced from your template library or page builder.

Organization

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

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.

Excerpt

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

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.

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 %}

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.

SEO blog

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

SEO

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.