Posts with Tag

Hugo

The great thing about Hugo, a static site generator, is that it got a lot of options for customisation and more are constantly added.

There are templates embedded into it, but they can be easily overridden by custom templates, like headings, through render hooks.

Read More about Supercharge your headings in Hugo with Render Hooks
WebDev Hugo
Setting hreflang and x-default on multilingual site (with Hugo)
Published
Updated
Read Time 6 min.

Setting a hreflang meta tag on your multilingual website shall be as simple as a piece of cake. Just put the relevant meta tag on your website, refer to the translated version and on translated version refer back to the original one.

Looks as simple as that. End of story? Wrong!

WebDev
Serving GZIP compressed Favicon with Netlify
Published
Read Time 2 min.

Recently I have been annoyed when my weekly WebPerformance Report email from WebPageTest shows a failure on Compress Transfer.

WebPageTest Optimiation Summary - Compress Transfer - Result D

This failure, reported in red was done by just one small file… favicon.ico.

WebDev Internet Hugo
Publish your content in Google News on Android, iOS and news.google.com
Published
Read Time 15 min.

Do you have a website or blog where you publish new things, either daily or from time to time?

Do you know that you can publish them in Google News?

Recently, when I read one of the articles on 9to5mac noticed, that after their post they got this neat feature.

Google News button implemented on 9to5mac website

An option to follow their site through Google News.

It gives them an additional way to get more visitors but also convinces them to stay connected with their content.

My first impression was… I want this as well on one of my websites, so I start exploring how to do that. When I did that, I have been surprised at how relatively easy it was without any extra work from myself. By utilising the website RSS Feed and going through initial configuration and approval (that took approximately 2-3 days) my first site was live and posts were updated when published.

This is another reason to say that RSS is not dead and it still matters.

Here is how I did that and how you can do it as well!

Hugo
Add and use an image sitemap with Hugo
Published
Read Time 3 min.

Not so far ago I elaborated on adding copyright information for images on a Hugo-based website. Through this approach, I managed to learn how to get images per post, then list and use in Schema for Images.

Recently, when I read updated Google image SEO best practices I noticed a section called Use an image sitemap where we read:

“You can provide the URL of images we might not have otherwise discovered by submitting an image sitemap”.

I decided to see how I can implement that into my Hugo website.

Hugo WebDev
Adding FAQ (Frequently Asked Questions) Schema to Hugo-based website
Published
Updated
Read Time 11 min.

Do you write on your website a series of frequently asked questions (FAQs) and try to answer them? Do you know that putting text on a website is not enough to gain traction? Even if your questions and answers are unique and could be desired by users, they may never find their audience.

Playing with the SEO aspect may help, but if we concentrate only on the surface – visible part, we will still be missing out. What is important is what beneath, just in the background. This is how we can simply describe what is Schema.

Structured data (Schema) is presented on a website in a way that is not visible to an ordinary visitor but processed, when found, by search engines.

Schema is very important and will be even more this year (2023), as mentioned directly by many people at Google.

To get your question-answers into search engines you should put your interest into the Frequently Asked Questions (FAQ) Schema.

Here is how I did this on some of the websites that I made with Hugo.

Blog WebDev
Adding Mastodon discoverability by e-mail address
Published
Updated
Read Time 3 min.

Through the “interesting” days, when people started migrating into Mastodon, I found quite interesting toot from one of its users where he mention adding Mastodon discoverability for any domain using WebFinger Protocol.

I have been quite interested in how to implement this on my end, as I prefer people to discover me with my long-standing email address, rather than the newly created username on the selected mastodon server.

As my website is hosted on Netlify I decided to check if I can implement this. Here is how it goes.

Hugo WebDev
Adding copyright information for images on Hugo based website
Published
Updated
Read Time 5 min.

As you are aware, when you create your post with images and publish them on your website, sooner or later they will appear on Google.

Your article will land in Search Results and images will be shown in Google Images.

Sometimes you are taking a lot of effort into your images and restricting their use by providing specific disclaimers or copyright information on your website.

The problem is that Google does not always know that and when you search for an image, that is sourced from your website, the image may be copyright restricted.

The user, who is searching through, will not know that as well and he may come into trouble. This may result in a fine that may need to be paid to the rightful owner.

Hugo WebDev
Implementing Structured Data (Schema) Carousel for Category pages in Hugo
Published
Read Time 3 min.

On websites that I tend to create, I always try to utilise Structured Data (Schema) as much as possible. This invisible for ordinary visitor data is served in the background and is used by search engines and other websites for better positioning of your content.

On YummyRecipes.uk I have already widely implemented Schema for Recipes but would like to do some more.

WebDev
Simple implementation of PWA on a website with a Mobile First Design approach
Published
Read Time 9 min.

If you read my other post, you will find out that I recently rediscovered Progressive Web Apps (PWA).

Following this lead, I decided to implement it on the websites, where our main audience browses it from mobile phones. Later I decided to implement it gradually on all of my websites, independently of whether the main audience is on mobile or desktop. As you will see, PWA is quite useful for desktop users as well.

Categories