Skip to main content

Posts

View Dashboard > Posts

You can write new posts and edit existing posts from here. Click on the "Write New Post" button or any post to go the editor.

Image

Bulk View

You can browse your posts in a table format via bulk view.

Image

Import Post

You can import post from .docx, .html, and .md files. This feature is handy if you want to write your blog posts in Google Docs, Notion, or Markdown. Simply export your post as html or docs or markdown format from anywhere and import into superblog in one click.

Image

Editor

Superblog has a very advanced editor that helps you write SEO-focused content with certain restrictions for sanity. All the content you see is when you write is rendered exactly on your Superblog. This is a WYSIWYG editor and that's why no preview is required.

Image

Features

  1. Text formatting - Normal, Heading, Subheading, Quote, Code
  2. Text style - Bold, Italic,
  3. List - Numbered, Normal
  4. Anchor links - can open in new tab
  5. Schedule Posts
  6. Upload images
  7. Insert videos links from Youtube/Vimeo
  8. Align text - left, right, center, justified
  9. Paragraph seperator
  10. Table of Contents (ToC) - can autogenerate a table of contents from the content
  11. Code view - you can edit the html directly
  12. Callout CTA section

Publish post

You can find the "Publish Post" button on the right side to the editor if a post is not published already. Click it to publish the post. (You can see its status below the action button)

Image

Unpublish post

You can find the "Unpublish Post" button on the right side to the editor if a post is published already. Click it to unpublish the post anytime. (You can see its status below the action button)

Image

Schedule post

You can find the "Calender Icon" button on the right side to the editor to schedule a post.

Image

Image

SEO best Practices

Image

You might have noticed the SEO Best Practices section on the post editor page. They are opiniated guidelines to make your post rank better on search engines. Let us try to understand more.

Title

This is the title of the post. Make sure your post’s title is around 8-12 words and has your post’s keyword.

Content

This is the contents of your post.

Images

Always include images in your posts. A picture is worth 1000 words.

Headings

Format your content properly. You need to have at least two headings. Write a catchy sentence to explain the section of your post and use the “Heading” format from the toolbar. Internally superblog will convert a heading to h2 which is good for SEO.

Subheadings

Format your content properly. You need to have at least 1 subheading. “Subheading” format from the toolbar. Internally superblog will convert a heading to h3 which is good for SEO.

Tags

You need to tag your post with relevant topics. For example, if you are writing a post on “Impact of covid in 2021 on health care industry” then you use tags like covid, healthcare, planning etc.

You can add the tags from the right-side “tag” editor.

This is a very high-level SEO concept. All your blog posts should link to each other. So, make sure that you add a link to posts on your blog.

For example, let us assume you have a post on your blog with the topic of “Understanding economics of scale”. If you are writing a new post with the topic of “Scaling a business with 3 proven ways” then make sure you add a link to your previous post.

Table of Contents (TOC)

Sometimes you might have a lengthy post. Or may be you just need to structure the post with headings, subheadings, and provide a glance of the post content. Superblog has this functionality built-in.

Automatic Mode

Superblog generates a ToC for every post that has Headings(h2) and Subheadings(h3) automatically. But superblog only shows h2 in the ToC container. You do not need to perform any action for to enable this. The ToC is placed at the top left of the blog post on desktops and at the beginnning of the post's body in mobiles.

Manual

Sometimes you might need to place the ToC somewhere inside the post instead of at the beginning. Or maybe you need to manually edit/add something in the ToC. So, there is an option to generate the ToC manually also.

How to add ToC manually

It is very easy to generate a ToC for your post.

  1. Write your complete post with headings and subheadings.
  2. Click the "ToC" button in the editor toolbar as shown in the below image.
  3. The ToC is generated at the cursor position if it is not already added.
  4. You can remove the existing ToC by clicking the ToC button again.

Image

Preview

When you generate the ToC manually, it is added within the post editor.

The position of ToC on your blog is based on the width of the post page. If the page is wide enough (like a desktop) then the ToC is visible as a sticky section on the left. Otherwise, it is shown inline.

Desktop

Image

Mobile

Image

Change the date of creating/publishing

You can change the date of creating/publishing a post by clicking the "Date" of the post in the right side section.

Image

Change the post author

You can change the author of a post by clicking the "Author Name" of the post in the right side section. You can assign the post to any member of your team.

Image

Review

Image

Team members (editors, admins, owner) can review a post and leave comments in the editor itself. An email notification will be sent for each comment to the post's author and to anyone else that participated in the review.

Image

Tags

You can add related tags to a post. These will be added to your post as meta keywords. Be wise, do NOT stuff keywords here. Your readers can browse posts based on the tags.

Image

Preview

This is how the tags added to a post are displayed on your Superblog.

Image

Categories

You can create categories to group your posts. Select or create new Category in the post editor page. Image

Then you can choose what categories to be dispalyed on the homepage.

Image

Callout CTA Section

You can add a bold callout CTA section in your post to drive traffic from a blog post to your required destination url. You need to click the "CO" button in the editor's toolbar.

Preview

Image

Advanced Options

There are several advanced options to modify a post if you want finer control. Click the Advanced Options button to see them.

Image

Social sharing icons

You can show/hide social sharing icons for each post. A global setting is also available to enable/disable for blog-wide control.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Comments

You can show/hide comments for each post. A global setting is also available to enable/disable for blog-wide control.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Pinned post

You can pin a post to the top by checking this box. It will be always displayed on the home page as a featured post.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Image

Meta Title & Description

You can set a post's meta title and description by clicking the "Set Post Metadata" button. This is an advanced option and should be modified ONLY if you know what you are doing.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Post URL/slug

Superblog automatically generates a post URL/slug from the post's title. So, if you change the post's title after publishing the post then the URL of the post also changes. However, you can customize the URL and make it a fixed one if you want to. Click on the Set Post Slug button.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Image

Note

  1. You might have noticed a unique set of characters being attached to every post’s URL as shown below. That is the post id.

  2. Superblog creates the post URL in the below format if you haven't set a post slug.

Example: https://blog.example.com/my-example-post-title-1cko8rasqs5nerasf0g

This is the standard structure for superblog URLs. You need not worry about them.

  1. Do they affect SEO? No.

  2. Can you change it? Yes.

  3. You need to manually assign a slug to a post for custom URL. otherwise the auto-generated slug will be generated using the title of the post.

Schema Markup (Structured Data)

You can add schema markup (also known as structured data) for your posts (JSON LD format) easily.
Click on the Set Schema Markup button. Add the json object without <script> tags in the modal popup.

Image

Image

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Custom Javascript

You can add custom js/code to every post easily. Click on the Add Custom JS button. Add the your <script> in the modal popup.

Share Preview

You can share a post that you are working on to someone outside of your team or to anyone with a simple link. Click on the Share Preview button.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Image

Note

This is a premium feature available only in PRO and higher plans.

Custom Canonical URL

You can set a post's canonical URL by clicking the "Set Canonical Url" button. This is an advanced option and should be modified ONLY if you know what you are doing. Superblog automatically generates accurate canonical URL automatically.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Submit sitemap to Google

You need to let Google know that you published a new post. Usually, Google will crawl your blog periodically depending how popular your blog is. However, you can submit your sitemap to Google manually to fasten the process. Click on the Submit sitemap to Google button.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Image

Note

You need to submit only when a new post is published. Do NOT submit multiple times. Google will NOT crawl your website faster even if you submit multiple times.

Delete post

You can delete a post by clicking the "Delete Post" button. Deleted post cannot be recovered.

Click the Advanced Options button in the post editor to see this button (you can find it on the right side).

Image

Thumbnail / Cover image

You can add a custom featured image to a post. The ratio of the cover image must be 3:2 (width: height). This image is not shown in the post. It is used for post thumbnail only. It is also used as OG Image (open graph image) for the social sharing preview.

If you don't add a featured image then Superblog uses the first image in a post as the thumbnail/cover image (banner image) for the post. The images you upload will be scaled without losing proportions accordingly. Also, the images are auto-compressed to reduce their size and load fast.

You can upload the first image to be in the ratio of 3:2 (width:height) to be displayed correctly in the cover image. If there is no image present in a post then Superblog will automatically render a dynamic image as the cover image.

If you do not add an image in your post or assign a thumbnail to your post, superblog will add beautiful dynamic thumbnails to your posts automatically.

Social Preview / OG Image

Read above

Note

If you change the first image in your post and want the social media to show the latest image as preview image then you need to force the said social media to refresh to their cache. Here is an article that explains how to refresh social media preview image.

Alternative Text vs Insert Description

Image



When you try to upload an image in the post editor, you can see Alternative text and Insert description fields.

  1. Alternative text is shown when an Image isn’t available. (standard web practice, also useful for SEO)
  2. Description is shown below the uploaded image. This is typically used to describe the image or credit the image's source or photographer.

Embed

Image

You can embed external iframes, widgets, media players etc into superblog posts.

You need to click on the "EM" button in the editor's toolbar and then paste the HTML Embed code. Give a name for your embed.

You should see a blank reserved space for the embed with the name given by you. Once you click “Deploy” and visit the post URL, you can notice that the embedded content is visible and interactive.

example: podcast widget: https://testblog.superblog.cloud/testing-embeds-from-3rd-part-websites/

Supported Image formats

You can embed images of all popular formats like PNG, JPEG, GIF, WEBP. Some SVG images might be broken after uploading, please try to use other formats.

You can add anchor links within the same post or page.

  1. Click the code view button in the editor's toolbar.
  2. Select the text you want to link to and wrap it like this: <span id="my-link">target element</span>.
  3. Click the code view button again.
  4. Select the text to add an anchor tag by clicking the link button in the toolbar.
  5. Give the address as #my-link and click submit.