PR




【広告】おすすめのSEO会社

SEO

初心者向け「JavaScript」のわかりやすい解説

投稿日:

LPOって

初心者向け「JavaScript」のわかりやすい解説

「JavaScript」って何?という初心者に向けた分かりやすい記事です。

JavaScriptって何? Webサイトで何ができるの?【第8回】

CSSはデザインの専門家という話をしました。パソコン用のデザインやスマホ用のデザインをCSSで作っています。
では、誰が「これはパソコンだ」「このアクセスはスマホからだ」と判断して切り替えてるでしょうか?
今や欠かせない機能を担当しているのが、HTMLからリンクされているファイル「JavaScript(ジャバスクリプト)」です。

「JavaScript」の記述

ブラウザには表示されないと(ヘッダー)の間に、

<script type="text/javascript" src="./test.js"></script>

とありました。これがHTMLからJavaScriptファイルへのリンクです。「test.js」というファイルにリンクがはってあります。

さて、「こんにちは!」という文章を表示する部分ですが、HTMLのbodyに書いてあった3行の呪文です。

<script type="text/javascript">
document.write(A);
</script>

上下の2行は、ここからここまでがJavaScriptです、という意味です。

※ここでも終了タグをお忘れなく。

肝心なのはこの1行、

document.write(A);

です。ドキュメント・ライト(document.write)つまり、「これを書け」というJavaScriptの指令です。書く内容は「A」。ブラウザはこの指定に従ってAを表示しているだけなのです。

HTMLの中にリンクされた「test.js」の中に「A」が書いてあって、その内容が「こんにちは!」なわけです。これが表示されているのですね。

var A="こんにちは!"

これだけです! アホみたいですね。ここには、「『A』という変数(var)は、"こんにちは!"です」と書いてあるだけです。

どこにでもニュースを表示できるのです。全ページにニュースを表示しても、「test2.js」さえ書き直せば、一瞬で全ページのニュース内容を更新することができます。

なぜこの機能をご紹介したかと言うと、今のWebサイトでは、トップページからやってくる人は15%程度です。あとの85%の人はトップ以外のページから横入りしてきます。トップにだけ書かれたニュースには、誰も気づいてくれないのですね。

こうした方法で多くのページにニュースを入れておけば、他のページから訪れた人にもニュースを伝えることができます。JavaScriptファイル1つを書き直すだけで全ページのニュースを更新できるとしたらめちゃくちゃ便利だと思いませんか?

ただ、スクリプトで書いた内容は、Googleは重視してくれませんので、この方法で全ページにリンクを入れてもSEO上は役に立ちませんからご注意を。

それでも85%の人にニュースを伝えたい、と考えたらこんな便利な方法があるということを覚えておいてください。

「JavaScript」の例

たとえば、Q&Aのページで、最初は質問文だけが並んでいて、それをクリックすると回答が表示される。「閉じる」というボタンを押すと回答が消える、というよく見る動作もJavaScriptによるものです。

また、トップページのイメージ画像が何秒かごとに別のものに変わったり、商品画像をクリックしたら拡大画像がページの上に表示されたりする仕組みもあります。

カーソルが来るとボタンが凹むというアクションもJavaScriptによって行われています。

入力フォームの記入漏れチェックもJavaScriptでやっていることもあり、今のWebにはなくてはならない機能を提供してくれています。

SEOコンサルタントのまとめ

とてもわかりやすい記事です。
また、SEOの為に強化したいテキストなどは「JavaScript」の部分ではなく、
HTMLに記述するようにしてください。

2020/2/1 SEOセミナー

【白石竜次のセミナーが11/16開催「知識0、資金0の初心者のための最初に観るSEOセミナー!」】
この度、SEOコンサルタント白石竜次がセミナーを開催します。
初心者向けのSEOセミナーですので、初心者の方でSEOを勉強したいなって方は是非いらしてください。
日時は2020年2月1日(土) 10:30〜11:40、場所は東京・秋葉原です。
下記サイト「ストアカ」にアクセス頂き、お申し込みください。

■セミナー詳細

タイトル:検索順位が上位に!Web集客したい初心者向けの最新SEOセミナー
SEO初心者の方向けのセミナーです。基本的なSEOの説明や、最低限のSEOテクニック、Google情報などをお伝えします。【特典1:私が執筆した書籍『「SEO対策〈検索上位にヒットする〉コレだけ!技: 知識0、資金0でも大丈夫!』贈呈】
『特典2:SEOサイト診断1時間(無料)』
Webサイト運営で、避けては通れないのが「SEO」です。けれども、SEOエミナー多くは「理論」中心に語られていました。それでは、Webに関する知識のない方が聴いても「何をやればいいのかわからない」ことがほとんどです。そこで、「理屈はいいからとにかく検索結果を上げたいんだ!」という皆さんのために、「具体的な実践内容」かつシンプルなものを解説するのがこのセミナーです。全くの初心者の方の場合ですと、「知識0&資金0」でもこのセミナーの内容を実践することで、確実な成果を得ることができます!
日時:2020年2月1日 10:30〜11:40
開催予定エリア:東京・秋葉原
「スペース名 ワンコイン会議室秋葉原 秋葉原中央改札口会議室」
住所:東京都千代田区神田岩本町1 岩本町ビル7階74号室 ※ポストに『W+】の記載有
価格(税込):¥5,000

【会場案内動画】

[広告]おすすめ記事

Youtubeチャンネル

記事執筆/サイト管理者

記事執筆/サイト運営者


名前:白石竜次 Shiraishi Ryuji
肩書:SEOコンサルタント
高校卒業後、調理師を経て数々の職業を経験し、その後IT企業でHTMLおよびSEO対策を学ぶ。
その経験を知識を生かしながら各企業でSEO担当者となりインハウスSEOを行う。
現在ではフリーで様々な企業のSEOコンサルティングを行っている。
2011年11月 「SEO対策<検索上位にヒットする>コレだけ!技(技術評論社)」を出版。
2014年1月「世界一わかりやすいSEO対策 最初に読む本(技術評論社)」を出版。
2014年1月「たった30分でできるSEO検索エンジン最適化(秀和システム)」を出版。
2017年 書籍「DeNAと万引きメディアの大罪(宝島社)」に寄稿。


ストアカ

白石 竜次

元お笑い芸人の初心者・中小企業向けSEOセミナー

SEOコンサルタント問い合わせ

・SEOコンサルのご依頼
・SEOや誹謗中傷対策のご相談
・講演会・セミナーのご依頼

SEOコンサルタント問い合わせ

SEO漫画「ウェブマブ!」

ニョッキーのお笑いオリジナルネタ

-SEO

Copyright© SEOコンサルタント.com-SEO最新情報サイト , 2020 All Rights Reserved.

//記事ページのみに構造化データを出力 //サムネイルを取得 //ここから構造化データの記述