Posts with Tag

WebDev

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!

Blog WebDev
Escape from Bing Jail
Published
Updated
Read Time 13 min.

My post about Bing Jail gained a bit of attention (a lot!). With the traction, there is hate, but I could expect that as well. There was a bit of conversation in the comments on Hacker News which gives me valuable feedback.

This short, post scriptum post is not an explanation but rather my experience on the following days. My site reappear in Bing search for one day to be manually removed (blocked) the day after where Bing Support, who surprisingly responded, start looking into the case.

Blog WebDev
Bing Jail
Published
Updated
Read Time 8 min.

My personal site has been recently penalized by Bing, or if you prefer different naming for it - secretly blacklisted or shadowbanned. Don’t know exactly why but by the end of January 2023 I lost every indexed page that had been in Bing.

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
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.

WebDev
Simplified way of adding a favicon to the website
Published
Updated
Read Time 4 min.

If you are not a first time on my website you already know, that I like simplifying things and using a minimal approach with a complex solution. Overall, if something complex can be done that same, but simple, why not try?

This time I want to cover Favicon during website design.

“A favicon is a browser icon that represents a brand or website. Most often seen next to a web page’s title in browser tabs, favicons can also be found in address bars, bookmark lists, search results pages, toolbars, browser history, and other places across the web.”

What is a favicon? @ blog.hubspot.com

I don’t want to reinvent the wheel, as there is already a perfect solution for that, well written and documented by Andrey Sitnik from Evil Martian.

Blog WebDev
Rediscovering Progressive Web Apps (PWA)
Published
Read Time 3 min.

Over the last years, I forget about something called Progressive Web Apps (PWA) until one day I added to my Home Screen a bookmark to Homebridge, and, believe me, or not, I do not add bookmarks that way very often.

When I added this bookmark to my Home Screen on iOS I noticed, that it looks unusual. The icon was like a native app. When I click on the icon it didn’t open inside Safari like other bookmarks but it run on full screen like a normal native app.

Of course, it was still Safari in the background but highly limited to the scope of that single website, that it feels like a native. It certainly can be confused with an app.

Hugo Blog
Revisiting YummyRecipes.uk after 3 months (a Hugo based website)
Published
Read Time 6 min.

Just today, on the 23rd of July Yummy Recipes UK is celebrating the third month from the lunch of the website. We (me, from the development side, and my friend, from the content) didn’t see what was coming.

At the lunch the ambitions were high, but also reality brings us down a bit, as we saw plenty of cooking websites around that we will need to compete with.

During the first two months social media, mainly Facebook, dominates in popularity. Over 1000 people on average viewed each recipe that we shared, whereas our website got only a portion of visits.

WebDev
A "Read more" links are not bad for SEO (and a11y) if done right
Published
Read Time 3 min.

From time to time I see and look at some SEO articles to see what others are writing about and what’s new that I need to look at.

I have started reading an article about some SEO mistakes to avoid, and the first thing that stopped me from reading further was a point about “Read more” links.

It was stated that the severity of using the “read more” link for SEO is high and that the developer of the site should remove the use of “read more” links in favour of article links (for example title as a link).

That particular author claimed that when that has been done, the site visibility “went through the roof”.

Partly I can agree with that, but removing “read more” links shall not be advised if it is done right. Here is why.

Categories