JavaScriptを使ったSEO対策まとめ、など注目のJSライブラリ・チュートリアル12選

JavaScriptを使ってインタラクティブにコンテンツを読み込むサイトが増えています。Googlebotは大分進化していて、JavaScriptを実行できるようになっていますが、クリックやスクロールイベントを実行することはできないので、イベントによって新しいコンテンツを読み込む場合はSEO対策として注意が必要です。

注目のJavaScriptライブラリ、チュートリアルを紹介します。

javascriptを使ったSEO対策まとめ

クリックやスクロールでDOM要素を生成している場合は注意が必要です。

js
javascriptを使ったSEO対策まとめ

サジェスト機能や複数選択などタグ入力を支援するjQueryプラグイン

タグ入力のUIで良く見かける、サジェスト機能や複数選択を実装できるjQueryプラグインです。

tagger
Tagger Widget | デモ

横幅の大きなTableをモバイル対応するjQueryプラグイン

横幅の大きなtableやiframeを横スクロール対応することで、モバイルでもレイアウトを崩さないjQueryプラグインです。

tables
jQuery Scroll Indicator Plugin

ツールチップ表示位置自動調整JSスクリプト

スクロールしたり、要素をドラッグして移動した際に、ツールチップの表示位置を自動調整して、常にツールチップを最適な位置に表示してくれるツールチップ表示スクリプトです。

Popper-js
POPPER.JS

インタラクティブなチャート・グラフを表示するjQueryプラグイン

円グラフや棒グラフを表示することができます。複雑なチャートやJSON、XMLデータにも対応しています。

charts-plugin
jQuery Charts Plugin

スムーズなお絵かきJSライブラリ

HTMLのCanvasタグ上でお絵かきを簡単に実現できるJSライブラリです。手描き風の滑らかなラインを描くことができます。描いた線の先が、手で描いた時のように自然に細くなるなど、こだわりを感じます。

muchotravka
atrament.js | デモ

複雑な計算を可能にするJSライブラリ

シンプルなコードで複雑な計算を行うことができるJSライブラリです。

cap
Algebrite

画像にBlurを適用するJSライブラリ

画像に簡単にBlurをかけることができます。

blur-plugin
Background Blur Plugin

インタラクティブなショッピングモールの3Dフロアマップ

ショッピングモールで使える、インタラクティブな3Dフロアマップです。

floor
Interactive 3D Mall Map | デモ

製品の360度回転ビューを実装するチュートリアル

製品を360度回転して見せるショーケースを実装します。

360
360 Degrees Product Viewer | デモ

カラー選択パレットを実装できるjQueryプラグイン

カラー選択パレットを簡単に実装することができます。ユーザーが自分で見た目をカスタマイズできるサイトやアプリに活用できます。

カラー選択パレット
JQuery Palette Color Picker | デモ

Web制作ナビの記事からピックアップ

任意のテキストに簡単にツイートを実装できるJSライブラリ InlineTweet.js
任意のテキストに簡単にツイートを実装できるJSライブラリ InlineTweet.js

人気の記事

日本語対応の無料WordPressテーマ10選
日本語対応の無料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選

コメント

  • Posted on
  • Updated on
  • Views 728