A JS Snippet That Automatically Shortens URLs as You Type Them into an Input Box

[f:id:kenzo0107:20160310115924p:plain]

Overview

Lately, more and more cases use Japanese characters in URLs.

Whether this is worthwhile from an SEO perspective is debatable, but for users who are less familiar with the internet, it might make for a more intuitive UI.

There was a blog post discussing this point.

URLを日本語にすべきか？ => UXの観点から日本語のほうがいいかもしれないがSEOとは関係ない

“コンテンツの言語と同じ言語をURLに含めるべきかどうか？” ヒンディー語版のウェブマスター向けオフィスアワーで、GoogleのSyed Malik Mairaj氏は、その国の言語でURLを付けることを推奨した。ただしそれはユーザー体験の観点から。Googleの評価が高まりランキ…

When developing social-integration tools that, for example, post URLs containing Japanese characters to Twitter, you have to pay strict attention to the character count. I automated the shortening process using the bitly API, so this is a write-up of that.

Steps

• Sign up at bitly.com

• Obtain an Access Token at [https://bitly.com/a/oauth_apps]

• Load the following js in your HTML or wherever appropriate.

That’s all.