SEO対策
処女作のWEBサイト クライアントは
「広島のレンタルギャラリーカモメのばぁばぁ」さん。
今朝になって「全タイトル」で1位になりました。
やったー。当たり前なんだけど。
でも昨日は「全タイトル」でかすりもしなかったんです。
ちなみに、「広島 レンタルギャラリー」では2ページ目のトップに来ました。これって素晴らしいじゃん!! 今回わたしの目標は「広島 レンタルギャラリー」で1ページ目にくる事 なんです。
「カモメのばぁばぁ」を知らない県外からのお客様にも見てほしいから。
271,000件の中の11番です。
SEOよりもギャラリーの良さを伝えられるサイト制作を目指していたけど、検索で引っかかるのはやっぱり嬉しいね。
--------以下、記録として-------
2016年12月24日
クリスマスイブにサイトをアップロードしました。
2016年12月25日
クリスマスの朝、Google Search Console を入れました。
同時に〈秘密のSEO対策〉をするつもりでしたが
わたしがグズグズしていたらタイミングがずれて失敗しました。 笑
「まぁ大丈夫でしょ」と言う事でしたのでそのまま放置する事に。
2016年12月25日
その日のお昼頃、自分のブログ記事に「広島のレンタルギャラリーカモメのばぁばぁ」をリンクしてみました。(現在何故かその記事が3位にあがっています ハテナブログの強さを知りました)
25日の時点では「広島のレンタルギャラリーカモメのばぁばぁ」で検索しても本家サイトは全然出てきませんでした。
ふて寝をして26日に目覚めたら1位に。
以前のサイトのキャッシュも消えて、ちゃんと自分の設定したmetaが検索に表示されていました。一安心。
超簡単MAMPの設定forMAC 2015年12月
さぁ、あの難しいと噂の、ビビりまくりの、MAMPの設定をみんなで一緒にやりましょう。
日本で一番わかり易く、全てのアクションをスクリーンショット付きで説明してくれているのがこちらのサイト! たった今わたしもこのやり方に忠実に進んで成功しました。やったー。これが全てです!
↓
クラスメイトのブログなんですが、ものすごーく丁寧に書いてくださっているので、わたしはこのページを一生の宝物にしようと思っています。
次回号はWordPressの導入らしいので、心待ちにしています。
ちなみに、わたし実は、ぼんやりしてて1回失敗しかけました。
どこでどう間違ったのか、MAMP PROの方が立ち上がってしまったみたいで、コンポーネントの初期化がどうとか、あと、使用期間が2016年1月16日までで、製品購入のページに進んじゃったり。で、怖いので一度MAMPとMANP Proをアンインストールして、もう一度、1つ1つの過程に心を込めてやり直したら、万事OKとなりました。
アンインストールがちゃんと出来てないと失敗するよ、と先生から言われていたので
AppCleanerというアプリで、パーフェクトにアンインストールしました。
間違ってもゴミ箱にポイとかしないように、との事です。
さ〜 この素晴らしい記事でわたしのブログへのアクセス数も跳ね上がるに違いない!
ひひひひひ
広島のレンタルギャラリーカモメのばぁばぁ
レスポーーーーンシブ
レスポーンシブは諦めて クライアントワークもうアップしちゃいました。
やったー手を離れたー!
でも残念な事にサーバーが無料のFC2(現状サイトのアドレスを引き継ぐので)なので、スマホで見ると広告でちゃうしPCサイトも一番下にFC2プレゼンツみたいなのが表示されるんですよー。なんかね〜 頑張ってレスポンシブなんかやった後で広告出ちゃったら発狂してたかも。レスポンシブやんなくてよかったー。
レスポンシブ、出来るようになりたい気持ちもあるんだけど、今回のクライアントワークのサイトに関しては、わたしはキュッと、キュッと、小さく表示されたらそれでいんじゃない?って思いました。下手なレスポンシブでダサくなるよりは、現状維持でいいんです。
それでいいって先生も言ってくださいましたから!!!
メリークリスマース。
サンタは来ないねぇ。
ちなみにわたしは高校3年生までサンタ来てました。
パパンとママンが仲が悪かったおかげでサンタは2匹来てました。
いいでしょ〜。
タッチアイコンは見える成果
クライアントワーク。PC用だけですが完成〜。
なんとか予定通りに完成したので自分で自分を褒めてあげたいです。
でもレスポンシブ全く出来ない。
諦めて、いつか出来るようになった時にやる事にした。
いつか出来るようになるか、いつかクラスメイト達がバリバリのWEB屋さんになった時に教えてもらうか。やってもらうか。それでいいよね。いいよ!
そんな事よりもタッチアイコンを作ってみたら簡単に設定できたし
目に見える成果じゃん、これ嬉しいじゃん。ツイッタのアイコンの横に並べてみたよ。
タッチアイコンの設定方法は先生のブログを見れば1発です。
↓
webフォントの壁
http://yakitori.pinoko.jp/marugo/
クライアントワークのページ、丸ゴシックを使いたくて色々調べてたけど、無料では良質な丸ゴがなくて、Adobe Typekitを使う事にした。あと2年はCCの契約しておくつもりなので2年後からのことはまた考えよかなって。
ものすごく四苦八苦してようやく反映できたけど、ローカルコンピュータで確認できるようにできなくてイライラが続いています。
ピノコサーバーにアップしてみたら一応効いてることがわかったのでWEBフォントについて考えるのは今日のところこれでおしまい。
でも読み込みが遅いのがね。
フォントが反映されるまでに若干のタイムラグがあるのがわかったので これってどうなのかな。
まぁもう、今日はいいや。
webで縦書き&rubyのマスター
最近よく見かけるオシャンティなデザイン、縦書き多いよね。画像にすると検索エンジンが読めないけど、これなら大丈夫。縦書きはやっぱ明朝でしょ、というわけで明朝体の指定も習いました。
出来るだけ綺麗なものから順に指定していくこと。先生から以下の順番で習いました。
font-family:
"ヒラギノ明朝 ProN",
"HG明朝E",
"MS P明朝",
"MS 明朝",
serif;
Macの人は "ヒラギノ明朝 ProN" があてられると思います。 書体に恵まれないWinの人々が普段どのような書体で過ごしているのかよくわからないのですが、実際には恵まれない人々が9割ということで、ぷぷ、"HG明朝E"とか "MS P明朝"になるのかなー。そういうの考えるとWEBフォントを使うとか、画像にするとか、デザイン性を重視する場合は考えないとね。しかもね、わたしはMacで Safari/Chrome/Firefox の3つのブラウザを使っているけど、結局ブラウザによって書体も変わるのね。
一番美しいとわたしが思ったのはSafariで、これはSafariのデフォルトの書体があてられてるみたいです(理由わかんない/書体名も不明)。
"ヒラギノ明朝 ProN"があてられたのがChromeとFirefox。まぁ綺麗。
そんでこれはWinのIE9です。めんどくさくて写メで失礼。ルビの部分の漢字がずれてるし、どうなの。。
要素検証でどの書体が使われたのか判るのでチェケラ!
それでも縦書きがやっぱ流行の兆しらしく、縦書きWebデザインアワードなるものが開かれるそうです。誰か参加してみてね。
これは雨ニモマケズの英語の絵本。ローカル用にデータ作ったので表紙の絵を使わせてもらったけど、サーバーにUPしたのは別の写真です。
宮沢賢治は一番好きな作家です。
その他、今日は昨日の「パスタ」に「戻るボタン」をつけたりしましたん。
今度アップし直す。