Yasumasa's Portfolio
ＷＥＢ大好きな濱田泰昌のポートフォリオを紹介します。

seo対策

上位表示できる
meta情報をいじって
検索エンジンに読ませ方を変えると

ソースが良いと上位表示できる。
クローム拡張機能HTML5アウトライナーOuto
見出しが一番大事
見出ししかクローラーが見ていかない
何をＨ2にするか
パラグラフ概念

webは起承転結ではダメ
小論文、レポートの書き方サイト

<header>
<h1>
<p>
</header>

<section>
<h2>
<p>
<ul>
<li>
h4までしか読まない
meta情報とh1とが上手く

結論header⇒検証⇒結論

かくはん
切り抜き
あとで、サイトのアウトライン
st-image.com/stfeature/ft-140708/

ハブ

外部リンクをたくさん作る

googleのサーバー上にあるデータしか読まない
アクセス解析が出来るＷＥＢマスターツール

ファーストビューが大切
テキストが大切
200行の中に必要な文書構造を書いてあげないとダメ
画像ばっかじゃだめ

正しい文法で書くのが最優先

すべてにおいて最優先はｐ
カラムの順番が大事

ケンコーコム
ウェブディベロッパーツール

phpじゃダメ
.htmlにしないとだめ
上位表示しているページのソースを読み解くことが必要

meta name=”description” content=”ここと”
<title>ここ</title>
が同じであれば上位表示される。
webデザインの勉強 助詞が一個入っている。

静的なページで良い。

バリデートでエラーがあったらダメ。

colorilla
html validator
web developer
pealCrescent（画像、動画を保存）
デベロッパーツール

検索の力が大切

王様の耳はロバの耳　王様の名前

困ったときのサントリー
補色は黄色と青の補色が一番強い
サークルの反対が補色
補色が一番良い。
青い冷たいもの

コントラストが強いものが一番受け取れる

明度は時間軸と関係がある。
白：未来
黒：過去

はてなブログ

イラストレーターとは
シンメトリー（対称）を作るツール
世の中はシンメトリーで出来てるよ。
ベクトルデーター
力の方向
力の大きさ

コンピューターっていうのは必ず理屈がある。

pc
5 -2 7 +2

成功している人の真似をするとそういう思考回路になる。

デザインワークス
キーオブジェくト
パスファインダー

レベル補正
アンシャープマスク
ドロップシャドウ
写真のトリミング
皿をはみ出させることによって大きく見える
シャドウハイライト
レベル補正
シャープのアンシャープマスク
値をいじっちゃダメ
初期設定で使う

文節

社会に認めてもらうと色とは
紺とかうすいグレー
濃いグレー

写真の色を生かすような色を使う
補色の原理を使う。

デザインの理屈
Ｚで見ていく
人は真ん中は読まない

ファイヤーホックスでは
CTRL shift Mでスマホのサイトがすぐに見れる。

flashはベクトルとビットマップを行ったり出たり出来る。
今需要ある。

float浮き上がる

ピクセル
rgb

cmyk
webtrafelica@gmail.com

yahooを使ってgoogle.comの対策をすると
まずyahoo。

xdomainこっちの方が良い
freeweb

キーハイフンキー　だと両方キーワード
キー＿キー　両方で一つのキーワード

下にたくさんのリンク集を入れることで
ハブ化できる。

画像はpngで作る８ビットと24ビット

SEOに関して、
google 検索エンジン最適化スターターガイドで検索すると、PDFファイルでグーグルがこういっているというのが確認できる。

HTMLは重要度順に上から書く。

google.com
google Analyticsの使い方は、登録して
何個でもできる。
indexの締めのbodyの１行上にトラッキングコードを埋め込む

2014年11月23日 11:12 AM| カテゴリー：未分類| コメント(0)