SeesaaブログカスタマイズとSEOまとめ【新デザインシステム】

SeesaaブログカスタマイズとSEOまとめSeesaaブログアフィリエイトとカスタマイズ

Seesaaブログに新デザインシステムが導入されましたので、新しく「SeesaaブログSEOとカスタマイズ【新デザインシステム版】」を作ってみました。

一応新システムでのカスタマイズ記事を書いてみましたが、すでに上位表示されているようなサイトの場合はテンプレートを変更しただけでも順位が落ちる事もあるのでカスタマイズは慎重に、そして自己責任で。

SeesaaブログのSEO対策とカスタマイズ

ブログ機能を追加するカスタマイズ

広告(バナー)や画像の設置方法

サイト作成関連

具体的な稼ぐ手法やサイトの作り方もチェック

SNSとの連携

Seesaaブログからの引っ越し関連

SeesaaブログからWordPressへの引っ越しする場合には元ブログの評価を引き継ぐリダイレクトという処理が必要です。その手順やWordPressへ移行するメリット、WordPressでかかる料金、WordPressの始め方も全て解説しています。

以上シーサーブログのカスタマイズとSEO対策関連記事です。

コメント

  1. mikoko より:

    しげぞう様

    ご返信が遅くなってごめんなさい!
    早速やってみました!!

    ・・・・まさに私が求めていた形になりました!!(感動)
    これ、皆さん気にならないんですかね!?

    一旦、ブログを書く気が消沈していたんですが
    またこれでやる気が出てきました!

    これからも困ったときは(もちろんそれに限らず)
    こちらにお邪魔させていただきます。

    本当にありがとうございました^^!

  2. しげぞう より:

    mikoko様

    返信遅くなってすみません。Seesaaブログのスマートフォンページの画像の件です。一応画像の全体を表示させる事はできたのですが、この正方形の部分に画像をギュッと詰め込むような感じになりました。

    アイキャッチ画像は横幅の方が長い画像(長方形)の画像を使う事がほとんどですが、これを無理やり正方形にする感じです。一応CSSだけ紹介しておきます。

    これはスマートフォンへのCSSになるので、Seesaaブログの管理画面からデザイン⇒「スマートフォン」⇒「デザイン設定」と進み、適応中のデザインを選択します。スタイルシート(CSS)の画面になりますので、CSSのコードが書かれたページの一番下に次のコードを追加します。

    .article-list li a .article-image img, .category-list li a .article-image img {
        position: absolute;
        max-width: 90px;
        top: 0;
        left: 0;
        height: 90px;
    }

    これで一度確認してみて下さい。

  3. mikoko より:

    しげぞう様

    コメントありがとうございます!!
    しげぞう様にコメントする前にseesaaブログの方に
    問い合わせたところ、下記コメントが返ってきました。

    ※※
    お問い合わせの件につきましては、スマートフォン版ブログの
    見出し画像についてとのことでしょうか。

    上記に相違ない場合には、マイブログ>【デザイン】>【スマート
    フォン】>【デザイン一覧】にてブログに設定されているデザ
    インのタイトルをクリックすると表示されるスタイルシート編
    集画面でスタイルシート(CSS)の編集を行うことで、ご希望
    の状態になる可能性がございます。

    なお、こちらの編集にはCSSの知識が必要となりますのであら
    かじめご了承ください。

    これらCSSの編集など、個別のブログカスタマイズにつきまし
    ては、サポートの対象外とさせていただいております。
    ※※

    私にはCSSの知識が全くなく
    どこをいじればいいかわからない状態で、、、

    しげぞう様、どうぞよろしくお願い致します!!

  4. しげぞう より:

    mikoko様

    コメントありがとうございます。多分あれだろうなと思う部分があります。スマートフォンのトップページで記事一覧になっている部分の画像じゃないかと思います。この部分は以前私もちょっと試してみて上手くできなかったので、そのままにしてますが、ちょっとしばらく考えさせて下さい。

    できるかどうかは分かりませんが、一応2日か3日ほど待って頂けたらと思います。もしできた場合にはこの記事のコメントで返信をしますので、来週の水曜くらいにもう一度ここのコメントを確認してみてください。もしできなかったらすみません!

  5. mikoko より:

    しげぞう様
    初めまして、
    いきなりの質問、申し訳ありません、、
    どうしてもseesaaブログの仕様で
    修正の仕方がわからずモヤモヤしていることがあります。

    スマートフォンからブログを訪れた際、トップページに出てくる
    ”見出し画像”のサイズは変更ができないのでしょうか?

    普段、PCからブログを投稿しているのですが
    先日初めて自分のスマホからブログを見たところ
    写真がアップになりすぎており
    何の写真かわからない状態で・・・
    デザインはスマートフォン<basicを使用しています。

    CSSのどこの部分をどう編集すれば
    適切な画像サイズ(枠に収まるサイズ)にできるのでしょうか?

    ご存知でしたらご教授いただけないでしょうか。
    どうぞよろしくお願い致します。

  6. しげぞう より:

    にゃにゃこ様

    返信ありがとうございます。上手く反映されたようで良かったです。また何か分からない部分があればコメント下さい。

    それとCtrlキー+Fキーで出てくる検索バーですが、これは隠れている部分であっても検索はできます。ただ、SeesaaのHTMLなどはハイライト機能が付いていますので、おそらくこれが邪魔をしていると思われます。なので、検索が上手く機能しない場合が多いです(だから●●行目という解説を入れる事にしました)。

  7. にゃにゃこ より:

    助かりましたー!ありがとうございますしげぞう様は神様です\(^o^)/
    一晩悩んだのがウソのようです。サクッと記事下の投稿時刻が消えました。
    ご丁寧に削除する部分の詳細をお教え下さって、大感謝です(*^_^*)
    (当方、Ctrlキー+Fキーで出てくる検索バーの性能をきちんと把握していませんでした。
    これを使って検索しても、スクロール画面の隠れている範囲は検索してくれないのですね。。。)
    いろいろ勉強になりました。またご質問させて頂くかもしれません。
    しげぞう様はブログの設定方法以外にも、アフェリエイトのことなど有意義な情報をたくさんお書きになっていらっしゃいますね。そちらの記事も今後読ませて頂きます。今後ともよろしくお願い申し上げます♪

  8. しげぞう より:

    にゃにゃこ様

    コメントありがとうございます。一晩気になってずっと同じ作業をしているのが想像できます、解決しないと他の事が手に付かないですよね!

    早速まずは確認なんですが、Seesaaブログの新デザインシステムで、記事下の「投稿時刻だけ」を削除したいという事でいいでしょうか?今試してみたのですが上手くできました。

    まず、管理画面から「デザイン」⇒「デザイン設定」⇒「適応中のデザイン名」をクリックして、タブを「HTMLの編集」に切り替えます。

    初期状態のままであればHTMLの91行目付近に次のようなコードがあります。

    <div class="posted">
    posted by <% article.nickname -%> at <% article.createstamp | date_format("%H:%M") -%>

    この「at」の後の部分が時刻を出力する部分になりますので、「at」も含めた部分つまりこの部分を削除。

    at <% article.createstamp | date_format("%H:%M") -%>

    これを削除して保存して下さい。その後ブログを表示させて「Ctrl」と「F5」を一緒に押してリロードしてから確認してみて下さい。それでも反映されない場合には再度コメント頂けると助かります。

  9. にゃにゃこ より:

    しげぞう様はじめまして。seesaaブログ初心者です。
    実は一晩頑張ってもどうしても出来なくて、他の方のサイトを見ても旧システムのやり方しかなくて、
    お分かりになられましたら是非教えて頂きたいのですが。

    「新システム」で、記事の下の「投稿時刻を表示させない」方法について、なのですが。
    (検索で「%H」や、「posted by」や他のワードでいろいろなところを検索してもみつからず、どこを削除したらいいのか分からず困っています)
    htmlやcssではなくて、全然別の設定なのでしょうか?
    ご存知であれば是非ともご教授お願い申し上げます。

  10. しいな より:

    変える必要ないんですね。それがわからず悩み続けていたので助かりました。
    まだまだcssやhtmlに理解の疎い私では実験的に変えるのは難しいので、しげぞうさんの気が向いたときにでも記事にして頂ければと思います。
    できるカスタマイズからコツコツやっていきます。
    お返事有難う御座いました。

タイトルとURLをコピーしました