Hugo

post-thumb
  • Jul 14, 2025
  • read

Supercharge Your Content with Hugo Shortcodes

Beyond Hugo’s built-in shortcodes, this theme comes with custom shortcodes that add even more functionality to your site. Let’s explore a couple of them.

Optimized Images (optimized-image)

While you can use standard Markdown ![alt](src) for images, this theme provides an optimized-image shortcode that can automatically handle WebP conversion and responsive sizing, optimizing your site’s loading speed.

圖片不存在: images/demo-image.png

Here’s how to use it:

{{< optimized-image src="images/demo-image.png" alt="A Demo Image" >}}

This ensures your images are fast-loading and served in the best format for every device.

Continue...
post-thumb
  • Jul 13, 2025
  • read

The Complete Guide to SEO for Hugo Sites

Search Engine Optimization (SEO) is crucial for driving organic traffic to your website. Hugo sites are naturally fast, which provides an excellent foundation for SEO, but there are still best practices you should follow to rank well.

On-Page SEO Checklist

For every piece of content you publish, consider the following:

  1. Meaningful Title (title): Your title should be engaging and include your primary keyword.
  2. Concise Description (description): This text appears in search results. Make it compelling.
  3. Clean URLs: Hugo automatically generates clean URLs from your filenames.
  4. Quality Content: Write in-depth, original content that is valuable to your readers.
  5. Internal Linking: Link to other relevant pages on your site.
  6. Image Optimization: Use descriptive alt tags for your images.

Content Strategy Workflow

A good SEO strategy starts with a solid content plan. You can visualize your process with a Mermaid diagram.

Continue...
LATEST POST
TAG
CATEGORIES