Blogs are a tool to help you keep your customers informed and updated. You can use our blogs to post your quick updates, newsletters, tutorials, recipes, documentation, and anything else.

In essence, a blog is a list of documents. We've designed our editor to be simple, but flexible. Write simple posts social media-style (e.g. 140 characters or less), or write the next greatest epic with colorful headers and font decoration. And yes, all from your phone (or tablet or computer)!

Features

• Built-in gallery

  • This is for a simple list of images attached to the end of a blog. Much less fuss than adding images in-line with the text (which you can also do!)

  • 

• Unique links to each post

• Tracking for:

  • Original Author (the user that created the post)

  • Contributors (users that have edited the post)

  • Date Created

  • Date Updated

  These attributes can be hidden or displayed for any blog.

• Draft mode

  • Use this for a work-in-progress or a post you want to hide temporarily

• And much more!

Blog Editor

Here's a brief tour of our blog editor for a simple post:

Examples

Check out the blogs on our demo sites!

• Blog for quick updates and announcements: https://gelato-truck.demo.pigmint.io/blog

• Newsletter-style blog for long-form content: https://walnut-law.demo.pigmint.io/news

Bonus: these docs are hosted on our blog engine! We’ve added Typesense for better searchability, like adding synonym links, typo tolerance, and full-text search. Ask us for more info!

Background

Meta tags summarize the content of your website to web crawlers. Your meta tags do not need to reflect the content on your website verbatim - it can (and should) be a summary with direct keywords. “Keywords” are the words the users search in search engines. Besides search engines, meta tags are used by social media sites to display a preview of your content.

Editing Your Meta Tags

When your website is integrated with Pigmint Admin, you can edit your meta tags directly. This allows you to tweak your tags as you monitor your SEO performance and keep them up-to-date with your latest offerings!

Here’s what you can edit:

• Title

  • <title>[YOUR TITLE]</title>

  • <meta property="og:title" content="[YOUR TITLE]”>

  • <meta name="twitter:title" content="[YOUR TITLE]”>

• Description

  • <meta name=”description” content=”[YOUR DESCRIPTION]”>

  • <meta property="og:description" content=”[YOUR DESCRIPTION]”>

  • <meta name="twitter:description" content=”[YOUR DESCRIPTION]”>

• Custom Tags: You can set a custom name or property tag.

But don’t worry, you won’t be coding these. You edit these through our handy interface:

Open Graph and Twitter Tags

Tags starting with “og:” and “twitter:” are used by social media sites to generate a preview of your website when your link is added to a post. The preview will look different on each platform, but they will all contain the same basic elements:

• Title

• Description

• Image

  

As shown in the previous section, the title and description tags you set on your page will populate the respective og: and twitter: tags as well as the standard HTML tags. Here are some resources to check how the previews will look on various sites:

• https://developers.facebook.com/tools/debug/

• https://metatags.io/

Image Tags

Your website is configured to serve a default image for these image tags:

• <meta name="twitter:image" content="[YOUR IMAGE]">

• <meta property="og:image" content="[YOUR IMAGE]">

This image will be the image shown for every page on your website, unless a custom tag for the images are set. You can change your default image in your settings under Site Settings → Meta Preview Image:

Standard Tags

These are default tags set for all websites:

• <meta property="og:type" content="website">

• <meta name="twitter:card" content="summary_large_image" />

Background

Search Engine Optimization (SEO) is an important concept for organic marketing. It is the process of refining your website to make it rank higher on search engine results. For example, if you’re an electrician in New York City, you want your website to show on the first page when someone Googles “electricians in NYC”. It's essentially free advertising!

Several factors go into how your website ranks in search results. This article will go over how we setup your site for SEO, and what you can do with our SEO tools to keep your site relevant to the web crawlers!

Meta Tags

Meta tags provide web crawlers a summary of the content on your page. This is where we set the important keywords. When your website is integrated with Pigmint, you’ll be able to directly modify the meta tags on each page (including your blog pages!). Learn more about how you can configure your meta tags here: https://pigmint.io/docs/2024-09-09-171147-seo-meta-tags/

Sitemaps

A sitemap a list of all the pages on your website. It helps search engines find ALL the pages on your websites, so sitemaps are especially useful for pages that are not directly listed in your main navigation. Our dynamic sitemaps index every page on your website, including each blog post, and updates the “lastmod” date every time you make updates in Pigmint Admin. This indicates to web crawlers when they need to re-crawl your website for new content.

You can check your sitemap at [YOUR DOMAIN]/sitemap.xml. Here’s an example: https://pigmint.io/sitemap.xml/

Accessibility

We follow all the guidelines provided by ADA.gov for accessible websites. Most websites open to the public will fall under “Businesses that are open to the public (Title III)” in their web guidance: https://www.ada.gov/resources/web-guidance/

We use both automated and manual inspections to make sure our websites are compliant. Google also runs automated checks while crawling your website to measure accessibility; higher accessibility scores will positively affect your search ranking.

Alternative (Alt) Text

Alt text is added to images to provide screen readers a description of the image for the visually impaired. Web crawlers also read your alt text to get a better understanding of the content on your page. In Pigmint Admin, you can add alt text to any image. Learn how here: https://pigmint.io/docs/2024-08-11-021602-adding-alternative-alt-text-to-images/

Performance

We prioritize performance, plain and simple. Why have a website if it’s too slow or too messy for anyone to use? Search engines have the same philosophy. While relevance is the most important factor, search engines also analyze websites to rank quality and speed; here are some of the many things that they measure:

• First Contentful Paint - Time for first content to appear

• Largest Contentful Paint - Time for the largest visible component to load

• Cumulative Layout Shift - How much does your layout jump around during load?

• Speed Index - How long did it take for your page to load?

• Mobile-Friendliness - Most internet traffic originates from mobile devices, so “mobile-optimization” is no longer optional!

Keep in mind that we’re not necessarily looking for perfect scores across the board. Many things impact performance, including third-party integrations (e. g. ReCAPTCHA, Google Analytics, embedded widgets, etc) and the amount and type of content on the page; so, when performance scores drop into the “yellow”, we’ll review the page and look for optimizations or determine if the desired content is worth the performance tradeoff.

WebP Image Format

.webp is a image file format (like .jpg, .png, .gif) specifically made for the web. You can read the technical specifics here: https://developers.google.com/speed/webp, but all you need to know is that it’s a web-optimized image format. Converting your images to WebP before uploading them in Pigmint Admin can give your website a performance boost and will give you brownie points with web crawlers!

We implement various optimization techniques for pages with many images, so at the end of the day, this isn’t necessary. However, it may make a difference in loading speed to your viewer out in the mountains somewhere trying to view your website on 3G 🏔️.