Webサイトの概要

個人で開発したサイト

• Dev Toolbox

Webサイトでできることはこんな感じ

• TeX 数式エディタ
• 基数変換
• URI エンコーダ/デコーダ
• Geocodeビューアー
• IPアドレスチェッカー
• OGP(Open Graph)チェッカー

集客

• SEO対策
• 告知系

多言語対応

日本語だけじゃなくて英語の検索にもひっかっかってほしいので多言語対応した。
Next.jsでの対応はかなり厳しかった。この記事にあるように最終的にはGatsbyに移行した

• Next.jsのSGで多言語(i18n)対応しようとしてハマった話

Google Search Consoleに登録する

初めサブドメインを登録しないでルートのドメインを登録していたので全然ページが登録されなかった。

• Google Search Console

BingのWebmaster Toolsに登録する

Google Search Consoleよりもこっちの方が使いやすい気がする

• Bing Webmaster Tools

Google Analyticsを設定する

Gatsbyだとプラグインがあるのでかなり楽だった。こちらの記事が参考になった

• Gatsby.js に Google Analytics を導入する

Redditで告知してみる

Redditで告知してみる

• Reddit - Dive into anything

Web Apps Rock!で告知するのが良さそう

• Web Apps Rock!

告知内容

実際の告知はこんな感じでやってみた。

• IP Location Lookup

Hacker Newsで告知してみる

Redditよりも効果ありそう。
https://news.ycombinator.com/

告知内容

Show HNで投稿してみた

• Show HN: Online Tools for Developers (9revolution9.com)

サイトのロゴのHTMLタグを修正する

サイトのロゴにh1を使っていたがBingのWebmaster Toolsでh1タグが2つ以上あるという警告がでたので改善した。headerタグの下とmainタグの下にそれぞれ h1 があってもHTML的には問題ないという認識だったがSEO的にはあまり良くないっぽいのでロゴのh1タグをやめた

このあたりが参考になった

• ヘッダーロゴはどのタグで囲えばよいのか？<h1>?<p>?<div>?