24 July 2023 • (Updated 24 July 2023)

Site Updates: Making things nicer and more SEO-friendly.

Share Copy Link Embed Share to Email WordPress Share to WordPress Twitter Share to Twitter Telegram Share to Telegram Facebook Share to Facebook LinkedIn Share to LinkedIn Tumblr Share to Tumblr Share to X Mastodon Share to Mastodon Share to KakaoStory Messenger Share to Messenger Pinterest Share to Pinterest Flipboard Share to Flipboard Pocket Share to Pocket Reddit Share to Reddit Blogger Share to Blogger Pleroma Share to Pleroma Share to Friendica Share to KakaoTalk Share to Misskey WhatsApp Share to WhatsApp LINE Share to LINE Evernote Share to Evernote

Embed

This website supports oEmbed. To quickly use oEmbed, just copy this site's link to your oEmbed-supported apps and websites like WordPress.

Alternatively, copy and paste the HTML code below to embed this post in your website.

($_ )! We have made this thing responsive, but recommend at least 512x512 pixels for best results.
<iframe src="https://reinhart1010.id/blog/2023/07/24/site-updates-making-things-nicer-and-more-seo-friendly?embed" height="512" width="512" style="border:none;"><a href="{{ $canonical }}">https://reinhart1010.id/blog/2023/07/24/site-updates-making-things-nicer-and-more-seo-friendly</a></iframe>
Preview

(>_ )! You have just visited our new website, powered by a T-3000 🦾. What do you think about it?

A week after we announced the new release of our site, we have finally added support for:

  • oEmbed: Still the most basic ("type": "link") kind of oEmbed, so don't expect for fancy blockquotes or iframes to pop up when embedding from our site. GitHub commit 5103064
  • Open Graph, Twitter, and other SEO meta tags: GitHub commit 0deab0b
  • Cover/Featured Images, because some of our blog posts, like this, used this feature to give some context to the post content. GitHub commit fc79861

We also changed our emphasis colors from blue to magenta (or officially "fuchsia" in our color palette) and violet, for bold and hyperlinks, respectively!

A throwback to the days when Reinhart, as a consecutive class secretary, used magenta and violet whiteboard markers to write announcements to make it stand out from other, teacher-used marker colors (black, blue, red, and green)!

A classroom whiteboard with a mobile game concept drawn using magenta and violet marker ink.

...or maybe not just for announcement, like *that* mobile game concept heavily inspired by Snapchat.

Anyway, we have also fixed our sharing integration, which you can learn more on commit 773b8fa. TL;DR: No more random \n or ${titleAndDescription} appearing in the shared content. The latter was originally used for our Astro-based webapp, though.

And lastly, we're committed to further improve our blog content caching process as well as optimizing our images for use in our home page. That why, current Lighthouse results shows that our home page now require shorter time to render all the resources, but with a consequence of higher Cumulative Layout Shift (CLS).

Google Lighthouse results comparison for https://reinhart1010.id as rendered in a typical mobile device. Left: Previous result, Right: Current result.
Google Lighthouse results comparison for https://reinhart1010.id as rendered in a typical desktop device. Left: Previous result, Right: Current result.

That's all for now, back to work. Things that are currently prioritized so far are:

  1. Reimplement Pingbacks and Webmentions
  2. Encouraging people to "comment" directly through Webmentions
  3. Reimplement Search
  4. Reimplement RSS and Atom feed
Share Copy Link Embed Share to Email WordPress Share to WordPress Twitter Share to Twitter Telegram Share to Telegram Facebook Share to Facebook LinkedIn Share to LinkedIn Tumblr Share to Tumblr Share to X Mastodon Share to Mastodon Share to KakaoStory Messenger Share to Messenger Pinterest Share to Pinterest Flipboard Share to Flipboard Pocket Share to Pocket Reddit Share to Reddit Blogger Share to Blogger Pleroma Share to Pleroma Share to Friendica Share to KakaoTalk Share to Misskey WhatsApp Share to WhatsApp LINE Share to LINE Evernote Share to Evernote

Embed

This website supports oEmbed. To quickly use oEmbed, just copy this site's link to your oEmbed-supported apps and websites like WordPress.

Alternatively, copy and paste the HTML code below to embed this post in your website.

($_ )! We have made this thing responsive, but recommend at least 512x512 pixels for best results.
<iframe src="https://reinhart1010.id/blog/2023/07/24/site-updates-making-things-nicer-and-more-seo-friendly?embed" height="512" width="512" style="border:none;"><a href="{{ $canonical }}">https://reinhart1010.id/blog/2023/07/24/site-updates-making-things-nicer-and-more-seo-friendly</a></iframe>
Preview
(>_ )! You have just visited our new website, powered by a T-3000 🦾. Would you say, “I love you 3000,” too?