築和工房パソコン教室

初めてパソコンに触る方、エクセルやワードの実用的な利用方法を知りたい方、MOSやパソコン検定の資格を取得したい方、ホームページを作りたい方、Illustratorなどの専門的なアプリケーションを使いこなしたい方。幅広く総合的にパソコンを利用するノウハウをお手軽な金額でご指導いたします。

カテゴリ:PCヒント集 > Web・通信

◯ ◰ ◱ ◲ ◳ ◴ ◵ ◶ ◷ ◸
◹ ◺ ◻ ◼ ◽ ◾ ◿ ☀ ☁ ☂
☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌
☍ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖
☗ ☘ ☙ ☚ ☛ ☜ ☝ ☞ ☟ ☠
☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪
☫ ☬ ☭ ☮ ☯ ☰ ☱ ☲ ☳ ☴
☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼ ☽ ☾
☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇ ♈
♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒
♓ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜
♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦
♧ ♨ ♩ ♪ ♫ ♬ ♭ ♮ ♯ ♰

ホームページはHTMLという表記方法で作成します。
HTMLは、タグで文字を囲み内容を表示させます。
タグは < > を利用します。続きを読む

ホームページを更新しました。
レディースクリニック小川医院様のホームページです。
http://ogawalc.jp/index.html

16081705

こちらのサイトに
ブライダルチェックのページを追加しました。
結婚前はいろいろやることがたくさんあります。
お互いに健康であることが一番です。
もし、体に異常がある場合は、病気を治して新しい生活を迎えたいものです。
治らないような病気ならば、夫婦ともにかばいあいながら生活したいです。
客観的にお互いの状態を理解すれば、
協力できることも数多くあり、
幸せに過ごすことができると思います。
16081706




iPhoneには、充電専用と、データ転送ができるケーブルがあることは知っていました。
100円ショップのケーブルを購入したら、データ転送ができなかったのです。
同じように、Androidも充電しかできないケーブルがありました。続きを読む

■SEOとは

検索エンジン最適化といいます。[ Search Engine Optimization ]

つまり・・・

Google・Yahoo・infoseek・Biglobe などの検索サイトからキーワード検索をした場合、検索結果で上位になることです。

検索結果が上位になるためには、次のような「内部施策」「外部施策」の両面を考慮してサイトを構築します。


<代表的な内部施策>

・サイト構造の最適化

・適切なページタイトルの設定

・discriptonメタタグの設定

・画像利用の最適化

・読みやすい文章やサイトのレイアウト

・ユーザーにとって無意味なキーワードを大量に入れない

・ユーザーにとって無意味なページを作らない 等


<代表的な外部施策>

・評価の高い外部サイトからのリンク

・グループサイト間でのリンク

・優良なディレクトリサービスへの登録


【結局】

適切に、きちんと作成することがSEO対策になるということです。

その昔は、不必要にページの文章量を増やすなど、無理やりなページ作りをしているサイトも見受けられました。

現在は、

◎文章になっていること、

◎ページの文書が文書として成り立っていること、

◎意味が通じること

 ということがSEOの基準になっているような気がします。


Googleは「検索エンジン最適化スターターガイド(短縮URLはhttp://goo.gl/Hz4I8L)」と「ガイドラインを遵守する(短縮URLはhttps://goo.gl/KTcSNu)」を用意しています。


■被リンク

一般のWebサイトには「リンク集」というページが用意されていることが有ります。

新宿監査法人サイトでも、官公庁関連など新宿監査法人にとって役立ちそうなWebサイトが紹介されています。

http://www.sac.or.jp/link/index.html

◎サイトを公開している企業や組織・個人に、関連するWebサイト

◎サイトを閲覧する人が、役立つWebサイト

などを目的として「リンク集」を用意しています。


通常の文章でも参考にしたWebサイトを紹介することが有ります。

ほかのWebサイトから引用することもあります。


役立つページであれば、ほかのWebサイトからリンクされることも多くなります。

ほかのWebサイトが「自分のサイトをリンク」することを「被リンク」といいます。

被リンクは、自分のサイトが役立つと思われている証にもなります。

被リンクが多ければ「価値の高いWebサイト」と判断してもいいでしょう。


現在も行われている悪徳SEO業者の手口で「リンクの売買」という手法があります。

「100件の被リンクをしますから、50万円になります」というような誘いです。

実際に特定のWebページでリンクを設置するのですが、そのWebページはリンク専用のページなのでSEO対策にならないという手口です。


ナチュラルリンクといわれる、自然にリンクを張る行為が望ましいです。

「あの店の珈琲はうまいぞ」

「あそこの床屋はいいよ」

「こんど〇〇に蕎麦を食いに行こう」

と、紹介を伴う会話が自然に行われます。

ブログ・ツイッター・フェースブック、一般のWebページなどでも、役に立つWebページの紹介がたくさんあります。

通常の会話のように自然にリンクを張る行為をナチュラルリンクといいます。

ナチュラルリンクが多ければ、価値の高いWebサイトとして認められていることになります。


■内部リンク

ひとつのサイト内で貼られているリンクです。

たとえば、

(1)ページの上部などに横並びに配置されているナビゲーションといわれるボタン群

  彩の国いきがい大学東松山学園のホームページでは、写真の上に

  トップページ | 学園案内 | 学園生活 | 募集案内 | 学園への交通

  というように並んでいるのがナビゲーションです。

(2)サイドのメニュー

  ページの左もしくは右側にナビゲーションのようなボタンを配置することが有ります。

(3)ページ内のリンク

  ページ内の本文で、別のページへのリンクを設置することが有ります。

(4)サイトマップ

  サイト内のコンテンツの一覧表示をサイトマップといいます。

  大きなWebサイトであれば、サイトマップは必要不可欠です。


以上のような、内部リンクを充実させることもSEO対策の一つです。

<参考>
SEO対策における『被リンク』の重要性を日本一分かりやすく解説したよ

ホームページ作成で、横並びのナビゲーションを
タグ ul と li で作成するときのCSSは以下の通りです。


.nen ul {
  font-size:0px;                   /* liとliの間の隙間を埋めるための裏ワザ*/
         }
.nen li {
  font-size:18px;                  /* liとliの間の隙間を埋めるための裏ワザ*/
  display: inline-block;           /* 横並びにする、大きなポイント*/
  width:18%;                       /* 5等分にするならほんの少し、幅を狭く*/
  border-left:dotted 1px #999;     /* 左側の境になる罫線を点線で表示*/
  border-right:dotted 1px #999;    /* 右側の境になる罫線を点線で表示*/
  text-align:center;               /* ブロック内で文字を中央揃え*/
        }

HTMLのタグすべては覚えきれないので、一覧表を作成しておくことにします。
タグタグ名の原語タグの意味
!-- --コメント
!DOCTYPE
ドキュメントタイプ宣言
Aanchor リンク(アンカー)
ABBRabbreviation (頭文字ではない)略語
ACRONYM
(頭文字の)略語
ADDRESS
連絡先・問合せ先
APPLET
JAVAアプレット
AREA
イメージマップの領域
Bbold 文字列の太字
BASE
相対パスの基準URI
BASEFONT
テキストの基準サイズ・基準色・基準フォント
BDObi-directional override 文字表記の方向
BGSOUND
効果音・BGM(IE独自)
BIG
フォントサイズを大きく
BLINK
文字の点滅(NN独自)
BLOCKQUOTE
引用・転載
BODY
本体
BRbreak 改行(Wordでは^l)
BUTTON
ボタン作成
CAPTION
テーブルのキャプション
CENTER
中央ぞろえ
CITE
出典・参照先
CODE
プログラムのソースコード
COLcolumn 表の縦列の属性
COLGROUPcolumn group 表の縦列をグループ化
COMMENT
HTMLソースをコメント(IE独自)
DDdescription description 定義した用語の説明
DELdelete 削除された部分
DFNdefinition 定義する用語
DIR
リストを表示
DIVdivision 範囲として定義(ブロック要素)
DLdescription list 定義リスト
DTdescription term 定義する用語
EMemphasis 強調
EMBED
プラグインデータ埋め込み(NN独自)
FIELDSET
フォーム入力項目グループ化
FONT
フォントの種類・大きさ・色
FORM
入力フォーム
FRAME
フレーム内表示ファイル指定
FRAMESET
フレームに分割
H*heading * H1~H6 見出し
HEAD
ヘッダ情報
HRhorizontal rule 水平線
HTML
文書宣言
Iitalic 文字列の斜体
IFRAMEinline frame インラインフレーム
ILAYER
レイヤー(NN独自)
IMGimage 画像
INPUT
フォーム構成部品
INPUT type="button"
フォーム用ボタン
INPUT type="checkbox"
チェックボックス
INPUT type="file"
ファイルを送信
INPUT type="hidden"
非表示データ
INPUT type="image"
フォームの画像ボタン
INPUT type="password"
パスワード入力欄
INPUT type="radio"
ラジオボタン
INPUT type="submit"
フォームのボタン
INPUT type="text"
一行テキストボックス
INSinsert 追加された部分
ISINDEX
検索キーワードの入力欄
KBDkeyboard キーボード入力される文字
LABEL
フォーム部品と項目名を関連付け
LAYER
レイヤー表示(NN独自)
LEGEND
部品グループのキャプション、fieldset要素
LIlist item リストの項目
LINK
関連するファイルを指定
LISTING
ソースをそのまま表示(タグは解釈される)
MAP
イメージマップ
MARQUEE
文字列のスクロール(IE独自)
MENU
メニューリスト
META
メタ情報
MULTICOL
段組(NN独自)
NOBR
改行なしで表示(NN独自)
NOEMBED
プラグインが利用不可のときに内容を表示(NN独自)
NOFRAMES
フレームが利用不可のときに内容を表示
NOLAYER
レイヤーが利用不可のとき(NN独自)
NOSCRIPT
スクリプトが利用不可のときに内容を表示
OBJECT
データ埋め込み
OLordered list 番号付き箇条書き
OPTGROUPoption group セレクトボックスの選択肢をグループ化
OPTION
セレクトボックスの項目リスト
Pparagraph 段落(パラグラフ)
PARAMparameter パラメータ
PLAINTEXT
ソースをそのまま表示
PREpreformated text 整形済みテキスト
Qquotation 引用・抜粋
RB
ルビの文字指定(IE独自)
RPruby parentheses ルビを囲む記号(IE独自)
RTruby text ルビの内容(IE独自)
RUBY
ルビの範囲(IE独自)
Sstrike 取り消し線
SAMPsample 出力結果のサンプル
SCRIPT
スクリプト
SELECT
セレクトボックス作成
SMALL
フォントサイズを小さくする
SPACER
スペースを挿入(NN独自)
SPAN
インラインで領域指定
STRIKE
取り消し線
STRONG
強調文字列
STYLE
スタイルシート
SUBsubscript 下付き文字
SUPsuperscript 上付き文字
TABLE
TBODYtable body 表のボディ部分
TDtable data cell表のデータセル
TEXTAREA
複数行の入力フィールド
TFOOTtable footer 表のフッタ行
THtable header cell表の見出しセル
THEADtable header 表のヘッダ行
TITLE
タイトル
TRtable row 表のレコード行
TT
等幅フォント
Uunderline アンダーライン
ULunordered list 記号付き箇条書き
VARvariable 変数や引数
WBRword break NOBR内で改行しても良い位置(NN独自)
XMP
ソースをそのまま表示
HTMLのタグは、大文字でも小文字でも構わないのですが、xhtmlの場合、小文字で表示するのがいいらしいです。

↑このページのトップヘ