あめっくまのブログ(アメブロ集客・売上・デザインの情報発信サイト)
アメブロ記事の無料診断はお申し込み多数により、今回募集分は終了いたしました。
また次回の開催をお楽しみに!
なおTwitter上ではまだ実施していますので、ご希望の方はあめっくまTwitterの固定ツイートにリプ下さい。
  • 23Feb
    • 【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位の画像

      【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位

      この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいですよね。私もブログを始めた当初はなかなか伸びず、本当に苦労したのを覚えています・・・ですがPV数を増やすコツが分かると、ブログ閲覧数を右肩上がりに増やすことができるようになりました。そこでこの記事では、下記3点について解説します。 アクセスアップの具体的な手法8つ 長期間アクセスを稼ぎ続ける「資産記事」を作る方法 やってしまいがちな古い方法・NG手法実際に「あめっくま」の作る当ブログ「アメブロメーカー」も、この記事の手法を使って開始後4ヶ月・たった20記事で毎月5万PVまで伸びてきました。しかも毎日安定してアクセスが入ってきています。特に長期間大量のアクセスを集める「資産記事」の作り方を覚えると、必要最低限の記事数で集客できるようになります。時間の余裕ができて、ビジネスの顧客対応など時間有意義に使えるのもメリットですね。あめっくまアメブロのアクセスアップ方法を覚えれば、売上も上がりますね。この記事はメインサイト「アメブロメーカー」の簡易版です。具体的に知りたい方は、メインサイトの下記記事を見て下さいね。【アメブロのアクセスアップ】アクセス数を増やす方法・優先順位・NG例アメブロのアクセス数を増やす方法について具体的に何をすればいいのか、2021年最新の優先順位と合わせて解説します。nk-media.org\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 アメブロのアクセスアップ手法を効果の高い順に紹介 検索エンジンはブログ集客ツール SNSからのアクセスを増やす 内部リンクでアクセスを倍に アメトピで数万アクセスを狙う 外部リンクで新規のアクセスを増やす アメブロランキングで上位に入る アメーバ検索からも少し狙える フォロワーからの再訪問でアクセスを稼ぐ 効果の低い古い方法・NG手法 アクセスアップにおいて最も重要なことアメブロのアクセスアップ手法を効果の高い順に紹介アメブロのアクセス数を増やす主な方法は、下記の8つに分類できます。アメブロのアクセスアップ方法8選 検索エンジン SNS 内部リンク アメトピ 外部リンク アメブロランキング アメーバ検索 フォロワー(読者登録)たくさんありますが、いきなり全て行うのはキツイです。できそうなことから、取り組むのがおすすめ。順番に解説しますね。検索エンジンは最強のブログ集客ツールGoogle・Yahoo・Being・Safariなどの検索エンジンから、あなたのブログ記事に集客する手法ですね。検索エンジンからの集客効果は下記の3つ。 上位表示で大量のアクセスが来る 長期間アクセスが継続する 申し込みに直結する読者が来る検索エンジンで上位表示できると、毎日大量のアクセスが来るようになります。しかも長期間継続する傾向が強いので、安定性があり効率もいいです。間違いなく2020年代ではアメブロ記事への最強の集客手法。アメブロは個人で作れるブログサービスの中でも、特に検索エンジンで上位表示しやすいので優先して対策したいですね。あめっくま実際に検索エンジンで上位表示された場合のアクセス数を紹介します。例えば「アメブロ 始め方」で検索すると、Googleでは下記のよう表示されます。私の記事が1位で表示されていますね。下記の記事のことです。【アメブロの始め方】アメーバ登録から開設・作成時の注意点この記事ではアメブロの始め方をどこよりも詳しく解説します。アメブロは誰でも無料で始められる人気のブログサービスですよね。趣味の日記記事から、収入目的やビジネス…ameblo.jpちなみに、この記事のアクセス数は下記のように伸びています。注目する点は記事を書いてから、時間が経過してアクセスが伸びていること。8月に作成した記事ですが、検索順位がどんどん上がることでアクセス数が急激に増えていますね。現在でもこの記事は毎日100以上のアクセスがあります。さらに当アメブロは全ての記事が検索エンジンで上位表示しているので、たった20記事でも毎月数万PVを安定して稼いでいる状態です。このように検索エンジンで上位表示できると、過去記事が長期間アクセスを稼ぎ続ける「資産記事」となります。すると過去記事が毎日勝手に集客してくれる「自動販売機」状態になるわけですね。このように検索エンジンで上位表示を目指すことをSEO対策といい、ブログの重要な集客手法となっています。あめっくま特に有料ツールなどは使いません。記事を書く時に、SEO対策をしているだけです。またビジネスブログと検索エンジンは相性がいいのもポイント。検索エンジンは調べごとをする時に使いますよね。つまり「あなたが提供するビジネス」に関連することを調べに読者が来るので、顧客になる可能性も高いです。検索エンジンから集客するコツは、下記のSEO対策を実施すること。 記事タイトルにキーワードを入れる 見出し・記事本文にキーワードを入れる 記事内容にキーワードの答えを書く などこれらはSEO対策の一部ですが、まずはブログを書く時の基本である「キーワード」をしっかり入れることが何よりも大事!例えばこの記事は「アメブロ アクセスアップ」のキーワードを狙っているので、記事タイトル・見出し・記事本文に使っているわけですね。良い記事なのにSEO対策をしていないため、アクセス数が少ないアメブロ記事も多く見かけます。少し改善するだけで、資産記事になる可能性がグッと高まるので意識したいですね。あめっくまアメブロではSEO対策をできる人はまだ少ないです。早めに取り組む人ほど、有利にできますね。SNSからのアクセスを増やすTwitter・Facebook・Instagram・ピンタレストなどのSNSから、あなたのブログ記事に集客する手法ですね。SNSのフォロワー数が多いければ、検索エンジン以上の集客も可能。バズれば一気に数万アクセスを狙えるなど、瞬発力に優れます。ただし発信を止めるとアクセスが減るので、検索エンジンと比べると持続性は低いです。「安定性のある検索エンジン」+「瞬発力のあるSNSでアクセス狙う」の両方を組み合わせると効果的ですね。SNSからの集客を増やす最低限のコツは、下記の通り。 ブログ内容に合ったSNSを使う 記事だけでなくSNSの投稿にもキーワードを入れる(もちろんハッシュタグも) フォローされやすいようにタイムラインを整えておく など例えば当ブログのような文章内容が需要なブログでは、テキストメインのTwitterやFacebookをメインのSNSにしましょう。レシピ・美容・アパレルなど見せることが大事なら、インスタやピンタレストの方が相性がいいですね。またSNS上でもキーワードで検索されます。SNS上に共有する記事やSNS投稿に狙ったキーワードやハッシュタグを入れておくことで、あなたの投稿がHITしやすくなります。検索されればフォロワー数に関係なく見られるので、キーワードとハッシュタグは極めて重要です。あめっくまキーワードはブログの基本ですね。さらにタイムラインをしっかり整えておくと、フォローされやすくなります。例えばツイッターでリツイートばかりのアカウントには興味は持たれませんよね・・・もちろんアメブロの記事を共有しているだけのアカウントには、誰も興味を持ちません。普段からSNSでも情報発信をして、各SNSでのフォロワーを獲得しておくことが大事ですね。あめっくま作成記事を要約・分割してネタにすることから始めるのもアリです。内部リンクでアクセスを倍にする内部リンクは自分のブログ内の関連記事へリンクを送ること。記事に来た人を別の記事に誘導できると、アクセスを2倍・3倍にできますよね。検索エンジン・SNS・アメトピなどで集客した読者を、内部リンクでブログ内を回遊させることが重要。さらに「リンクをクリックする」ということは、読者がある程度ブログに興味を持っている状態です。「フォロワーになる」「注文する」などの行動が起こる可能性が高くなりますね。配置やリンクのテキストを少し工夫するだけでも、アクセス数がすぐに伸びるブログも多いです。アメブロで収益がUPするリンクの具体的な活用方法は、下記の記事で解説しています。【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方この記事ではアメブロのリンクの貼り方について、「基本の貼り方」~「活用方法」まで詳しく解説します。リンクはアメブロの集客・売上を簡単に伸ばせる手法ですよ…ameblo.jpアメトピで数万アクセスを狙う作成した記事がアメブロ運営からアメトピに選ばれると、下記の部分に表示されます。アメブロの公式TOPページに表示されるため、選ばれると短時間に大量のアクセス(数万PV)が来るのが特徴です。急激にアクセスが増えたと思ったら、アメトピに採用されていたという人も多いですよね。AmebaPickで収益を上げるためには、クリック数が最も重要です。アメトピを狙って大量のアクセスを稼ぎ、AmebaPickのクリック数を伸ばすと収益が上がりますね。あめっくま注意点はアメトピだけを狙いすぎると安定しないこと。アメトピはアメブロ運営に選ばれる仕組みなので、採用されないとアクセスが低調になる可能性が高いです。一旦アメトピに採用されると、フォロワーは確実に増えます。ですがアメトピを優先してフォロワーを無視した記事ばかり作っても、単なる一発屋・・・アメトピに過剰に頼るのではなく、普段からフォロワーに再訪問してもらえるコンテンツ作りが何より重要ですね。さらに「アメトピの瞬発力」と「資産記事の安定性」の組み合わせができると、アクセス数・売上に優れたアメブロにできますね。あめっくまアメトピだけに頼るのはNG!他の手法と組み合わせて、アクセス数を安定させる事が大事ですね。外部リンクで新規のアクセスを増やす外部リンクは自分のアメブロの外から誘導すること。質の高い記事を書いていると、他人から記事が紹介されるケースもあります。他人から紹介以外にも、下記のように自分で外部から誘導することも可能です。 ブログ村・ブログランキングを活用 外部に簡単なサブブログを作る 音声配信・動画配信サイト などブログ村やブログランキングは、外部から主客できる有益なツールで人気です。noteなどでサブブログ作ったり、Voicyなどの音声配信サイト・youtubeなどの動画配信サイトから集客している人も多いですよね。どれもアメブロとは異なる読者層を獲得できる強みがあります。あめっくままずは簡単にできるブログ村・ブログランキングと連携するのがおすすめです。アメブロランキングで上位に入るランキングは「全体ブログランキング」「公式ジャンルランキング」「ハッシュタグランキング」の3つに別れますよね。そのランキングで知っておきたいのは下記の3点。 ランキングの順位で最も重視されるのはアクセス数 1ページ目(できれば10位以内)に入ることが重要 まず狙うべきはハッシュタグランキングランキング順位を上げるのに、最も大事な要素はアクセス数です。検索エンジン・SNS・内部リンク・アメトピなどでアクセスを増やせば、ランキングはどんどん上がります。ランキングに登録したから、アクセス数が伸びるわけではありません・・・「アクセス数を稼ぐ⇒ランキング順位が上がる⇒さらにアクセス数が伸びる」が正解です!あめっくままずは検索エンジン・SNSなどでアクセス数を集めるのが先ということですね。また各種ランキングは2ページ目以降では、ランキングからのアクセス数は少ないです。2ページ目まで見る人が、少ないのが理由ですね。ランキング1ページ目(できれば10位以内)に入るとアクセがかなり増えますが、そのためには先に大量のアクセス数が必要・・・実はランキングの難易度はかなり高いですね。「全体ブログランキング」はアメブロブロガー全員のランキングになるので狙うのは無理・・・「ジャンルランキング」もTOP10に入るには、最低でも1日数万アクセスが必要。(PV数はジャンルによる)まずは「ハッシュタグランキング」が現実的なので、記事作成時にハッシュタグを多く選ぶことが重要ですね。あめっくま各記事にハッシュタグをしっかり入れておきましょう。アメーバ検索からもアクセスを稼げる「アメーバ検索」はアメブロ全体の中から様々記事を検索する機能のこと。検索エンジンに比べれば100~1000分の1程度と、アクセス数は少ないです。ですが調べてたどり着いた人は、かなり興味が高いですよね。無視するのはもったいないです・・・「アメーバ検索」の対策は一つだけ。記事タイトル・見出し・記事本文にしっかり狙ったキーワードを入れておくこと。アメーバ検索で調べる時も、人はキーワードを入力します。逆にキーワードが入っていないと、全く検索結果に表示されません。つまり検索エンジン対策と同じなので、SEO対策をしていればアメーバ検索でも自動的にHITしてくれます。あめっくまSEO対策しているブログなら、アメーバ検索からも少しずつ流入がありますよ。フォロワーからの再訪問でアクセスを稼ぐ自分のブログの対象となるフォロワーを増やしていくことは極めて大事です。フォロワーさんがあなたのアメブロに再訪問することで、アクセスが増えますね。フォロワーを増やす時に最も大事なのは、アクセス数を稼ぐこと。そもそも記事が読まれないと、純粋なフォロワーは増えませんよね。検索エンジン・SNS・内部リンク・アメトピなどでアクセスを増やせば、少しずつフォロワーは増えます。とはいえ、フォロワーを増やすテクニックもあるので下記の記事で解説しています。(作成中)あめっくまフォロワー数が少なくても焦らず、まずは内容の濃い記事を積み重ねていくことが重要です。効果の低い古い方法・NG手法未だにアメブロで見かけますが、下記のような手法・記事ではアクセス数は増えにくいです。 宣伝・募集・LINE@・AmebaPickが記事の主な内容になっている ビジネスブログで内容が少ない・関係のない日記を書く アクセスアップ系の有料ツールを使うまあ全て当たり前のことですね・・・宣伝・募集・LINE@・AmebaPickが記事の主な内容になっている一言で表すと「ゴミ記事」量産状態ですね・・・「フォローバック目的のフォロー」や「自動ツール」で意味のないフォロワーを増やして、宣伝だけの記事に流す手法です。中身のない記事を少し書いて、「あと何名まで募集してます」「LINE@に登録してね」などでへ誘導する記事を見かけますよね。単に情報弱者を捕まえて、高額商材を売りつけたいだけのゴミブログ・・・絶対に真似しないで下さいね。あめっくまもちろん確実に儲からないので、時間の無駄です。ビジネスブログで内容が少ない・関係のない日記はNGサービスを提供するビジネスブログの場合は、「中身の少ない記事」「ビジネスと関係ない日記」を書くのをやめましょう。例えば整理収納アドバイザーのブログなのに、突然家族のお出かけの日記が登場するとか意味不明です・・・書いた気になっているだけ・・・読者にメリットがなく、逆効果の可能性が極めて高いです。もちろん毎日質の高い記事を書けるなら最高です。質の低い記事を書くと、フォロワーが減る危険性があります。「過去記事を修正して資産記事を狙う」「内部リンクを貼る」「次の記事のネタを考える」など、時間を有意義に使いましょう!あめっくま低品質記事を書かない勇気も大事ですね。アクセスアップ系のツールを使う高い料金を払って、見た目の数字だけのアクセスが増えるだけのツールですね。実際に記事が読まれているわけではないので、購入する意味はありません。効果があると書いている人は、アフィリエイト収入が欲しいから紹介しているだけ・・・そもそも利用は規約違反ですし、デメリットしかありません。アクセスアップにおいて重要なこと1つの手法だけに頼らない今アクセスの少ない人にとっては、今回紹介した手法を複数こなすのは大変かもしれません。ですが1つだけに頼ると、ダメになった場合にいきなりアクセスがゼロになる危険性もあります。「SNSで炎上した」「アメトピにずっと採用されない」など、どの手法にもデメリットがありますよね。検索エンジンからの集客は安定性が高いのでベースにして、SNS・内部リンク・アメトピと組み合わせるのがおすすめです。あめっくまちなみに内部リンクだけはリスクがありません。まず最初に取り組んでもいいですね。\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

    • 【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方の画像

      【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方

      この記事ではアメブロのリンクの貼り方について、「基本の貼り方」~「活用方法」まで詳しく解説します。リンクはアメブロの集客・売上を簡単に伸ばせる手法ですよね。リンクの貼り方が上手な人ほど、ブログの成長も早いです。ですが下記のようなリンクの貼り方をしている、モッタイナイ人も多くいます。 記事下定型文や記事最上部にリンクを貼るだけ 申込フォームやLINE@のリンクのみ貼る クリック率が増えにくい貼り方をする など少し貼り方を変えるだけで、グッと伸びるタイプですね。そこでこの記事では、下記3点について解説します。 リンクの基本的な貼り方 リンクでやってはいけないNG手法 収益UPするリンクの活用方法実際にリンクの貼り方を少し工夫するだけで、すぐに集客・売上が改善する人もいます。リンクはブログの基本技術ですが、とても奥が深いです。記事をしっかり読んで、活用方法を習得しましょう!くますけリンクにも活用方法があるんだね!あめっくまリンクの貼り方次第で売り上げが変わる人も多いよ。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 【アメブロのリンク】基本的な貼り方 【アメブロのリンク】簡単に貼り付け 【アメブロのリンク】NGな埋め込み方法 収益UPするアメブロのリンク活用方法【アメブロのリンク】基本的な貼り方最初にリンクの入れ方・書き方の基本を確認します。下記の3STEPで完成するので、とっても簡単。アメブロのリンクの貼り方手順 STEP1 リンクマークのクリック リンクのテキストを選択した状態で、エディタのリンクマークをクリック STEP2 URLを貼り付け リンクのボックスが表示されるので、リンク先のURLを貼り付け STEP3 挿入ボタンをクリック 最後に挿入ボタンをクリックして完成 ここからは下記のアメブロのアクセスアップの記事へリンクを貼る場合を例にして、実際の操作を解説しますね。【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいです…ameblo.jp【手順1】リンクマークをクリックアメブロの投稿エディタで、まずはリンクの中身の文字(テキスト)を書きます。次にリンクにするテキストを選択して、「リンクマーク」をクリックしましょう。【手順2】URLを貼り付けリンクの設定ボックスが表示されるので、リンク先記事のURLを貼り付けて「リンクを挿入する」をクリックして下さい。URLは記事を開いた時に上に表示されているので、あらかじめコピーしておきましょう。【手順3】挿入ボタンをクリック「リンクを挿入する」をクリックすると、下記のようにエディタ上でリンクが作成されます。これで完成!ちなみにエディタ上やプレビューの段階では、実際にクリックして成功しているかどうか確認できません。記事投稿後にクリックして正しく飛べるか、チェックしておきましょう。なおリンクがうまく貼れない・飛ばない場合の原因と対処法は、下記記事で解説しています。『アメブロでリンクが貼れない・飛ばない原因と対処法』この記事ではアメブロのリンクが貼れない原因と対処法について解説します。「アメブロにリンクを挿入できない」「リンクが飛ばない」など、症状は様々です。原因…ameblo.jpあめっくまリンクはミスが起きやすいので、記事作成後の確認を忘れずに!【アメブロのリンク】簡単に貼り付けアメブロのリンクは、前に作った自分のブログ記事のコピペで簡単に貼り付けることができます。過去に作った記事のリンク部分を開いておきます。再利用したいリンクの部分をコピーします。最後にエディタ上に貼り付けして完成です。1度でも作ったことがあるリンクなら簡単に貼り付けできますね。くますけこのやり方なら簡単だね!【アメブロのリンク】NGな埋め込み方法アメブロのリンクでよくあるNGな使い方・付け方は下記の3つ。 リンクの文字を青以外にする ⇒クリック率が下がる プロフィールページのURL間違い ⇒読者が見れない リンクにアンダーラインを引かない ⇒クリック率が下がる など順番に解説しますね。リンクの文字を青以外にするリンクは青色が頻繁に使われるため、読者もすぐにリンクだと分かります。例えばYahooのホームページのリンクも青で統一されていますね。つまり色を変えるとクリック率が下がる可能性があるということ。リンクはクリックされることに意味がありますよね。逆効果になることはやめましょう!アメブロのリンクはデフォルトで青色ですが、一部デザインで色が変わります。その場合は、青色に変更して使うのがおすすめです。プロフィールページのURL間違い下記のようにプロフィールページのURLの貼り方を間違える人が多いので注意しましょう。URLの最後が「/me」になっていたら間違いです。このURLは管理者のみ見れるページなので、読者は誰一人見れません・・・「https://profile.ameba.jp/ameba/○○○/」が正しいURLです。(○○○はIDを入れる)致命的なミスなので注意しましょう!リンクにアンダーラインを引かないリンクにアンダーラインを引くかは様々な意見があり、私個人はどちらでもいいと思っています。ただし、アメブロではリンクに下線はあった方が明らかにいいです。理由はアプリで見た時に、アメブロのリンクは色がうすく分かりにくいため。アプリで見る読者も多いので、リンクの下線はPC・アプリの両方で表示される方法を使うのがおすすめです。あめっくま青色・/meはダメ・下線を引くに注意しましょう!収益UPするアメブロのリンク活用方法リンクは貼り方次第でクリック率が大きく上がります。クリック率が増えれば、アクセス数が伸び・売り上げもUP!リンクを貼る重要な理由ですね。詳しい方法は、下記メインサイトのアメブロで収益UPするリンクの貼り方10選の記事で紹介しています。【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう!nk-media.orgこのアメブロ版の記事では、一部を紹介しますね。テキストリンクとリンクカードを併用するテキストリンク(文字だけのリンク)はリンクは文中に気軽に貼れる・誰でもリンクと分かるなどのメリットがありますよね。リンクカードはサムネイル入りで目立つ反面、一部の人がリンクと気がつかない・たくさん貼りづらいなどのデメリットもあります。それなら下記のように2つを同時に貼って併用すると、ほぼ全ての人がリンクと分かる状態で目立たせることが可能です。片方だけ使うのはもったいないので、両方を使ってクリック率を上げるといいですね。画像リンク・バナーリンクで売上ページにつなぐ画像リンク・バナーリンクはかなり目立ちますよね。特に提供メニュー紹介ページや申し込みフォームへのリンクに使うのが定番です。記事下定型文・導入文直後・記事の途中(見出しの上)・サイドバーなどに貼って目立たせましょう。例えば当ブログでも、下記のようなバナーリンクを使っています。\フォロワー数・いいね数は関係なし/アメブロで資産記事を作る方法はこちら ⇒こちらもテキストリンクと併用して、クリック率を上げておくのがおすすめです。なお記事冒頭でいきなり宣伝部分を置くと即離脱する読者が増え、逆効果になりやすいので要注意!ブログ初心者がやってしまいがちなミスなので、宣伝は導入文以降にしましょう!囲み枠の中にリンクを入れるアメブロのビジネスブログでは、囲み枠を使って記事を読みやすくする・要点を伝えるのは大事です。そして下記のように、囲み枠の中に関連記事としてリンクを入れるのはよくある手法ですね。関連記事【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位目立つリンクとなるので、積極的に使いたいですね。アメブロ用の囲み枠の一覧は下記で紹介しています。【アメブロ向け囲み枠】の記事一覧アメブロ用のかわいい・おしゃれ・シンプルな囲み枠と、黒板・付箋風の飾り枠の記事一覧です。ameblo.jp要注意一部ブログで紹介されている「fieldset」「legend」タグの囲み枠を使うと、スマホで表示されないケースが多発します。必ず「div」タグで作られた囲み枠を使って下さい。記事下定型文に過去記事へのリンクも入れる記事下定型文に「提供メニュー紹介ページ」「申し込みページ」へのリンクや、「AmebaPick」などの売り上げにつながるリンクを貼っている人は多いです。記事を最後まで読んだ人はクリックする確率が高くなるので重要ですね。合わせて過去記事へのリンクも設置しておくと効果的!1記事だけ読んで注文に至る読者は少ないです。複数記事を読んでもらうことで、可能性を上げられますよね。例えば当ブログの「アメブロ向けかわいい囲み枠」の記事下には、下記のような関連記事へのリンクを設置しています。ボックス・飾り枠の関連記事一覧メインサイトの「アメブロメーカー」では、300種類以上のボックス素材を用意しています。メインサイトボックス素材素材数No1!アメブロ用の囲み枠・ボックス人気この初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボックス素材・シンプルなボックス(枠線・角丸・影つき)・かわいいボックス(ピンク系・水玉)今ココ・おしゃれなボックス(ストライプ・グラデーション)・付箋風のボックス・黒板風のボックスボックスの知識・囲み枠・飾り枠の作り方・設置方法・囲み枠のカスタマイズ方法カスタマイズ記事一覧ブログ内を巡回しやすいように設置しているので、読者が過去記事をどんどん読んでくれる状態です。さらに複数記事を読んだ読者の中には、「フォロワーになる」「ブックマークする」「共有する」など行動する読者も出てきます。将来の売り上げにもつながるので、記事下定型文に「読んでほしい記事」「関連する過去記事」へのリンクを貼ると利益UPにつながりやすいです。ボタンリンクで売上UPを狙う下記のような、リンクのボタンですね。ビジネスブログで設置すると、クリック率を上げやすいです。お申し込みはこちらアメブロ用のボタンの一覧は下記で紹介しています。【アメブロ向けボタン】の記事一覧アメブロ用のかわいい・おしゃれ・シンプルなボタンの記事一覧です。ameblo.jp【アメブロのリンク】活用方法まとめアメブロでリンクの貼り方を工夫すればクリック率が上がり、集客・売上をUPすることが可能です。今来ているアクセスを効果的に使うので、効果がすぐに出やすいのも特徴ですね。特に過去記事がほとんど読まれない状態だと、ブログが成長しにくいです。関連記事へのリンクを貼って、読者にどんどん巡回してもらいましょう!あめっくまリンクは奥が深いです。毎回の記事で工夫できる場所を探すクセをつけましょう!関連記事・アメブロのアクセスアップの方法を学ぼう!・アメブロでリンクが貼れない・飛ばない原因と対処法・【アメブロの設定・管理】マイページ・管理画面の正しい選び方・アメブロのブログタイトルの決め方・つけ方例とNGなブログ名サンプル・3つでOK!アメブロのセキュリティ対策で乗っ取られるのを防ごう!・アメブロで安全なパスワード設定の仕方・文字数は何桁にするといいの?・【簡単】アメブロの2段階認証の設定・解除の仕方\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 22Feb
    • アメブロでリンクが貼れない・飛ばない原因と対処法の画像

      アメブロでリンクが貼れない・飛ばない原因と対処法

      この記事ではアメブロのリンクが貼れない原因と対処法について解説します。「アメブロにリンクを挿入できない」「リンクが飛ばない」など、症状は様々です。原因も異なるので、それぞれの場合の解決法を紹介します。アメブロのリンクには集客・売上を伸ばす大事な活用法があるので、早めに解決しておきましょう!あめっくまよくある原因を中心に対処方法を紹介しますね。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 リンクを貼れない・リンクの挿入ができない場合 リンクが飛ばない・見れない場合 コードの使い方間違いの場合リンクを貼れない・リンクの挿入ができない場合リンクを貼れない場合は、禁止タグが入っている可能性が高いです。「禁止タグなんて使っていない!」と思っていても、実は誤って入ってしまう場合があります。特に多いのがリンクをコピペしてエディタに張り付けて、エラー表示が出る場合です。過去に自分で作った記事のリンクのコピペなら問題ありませんが、他人のブログのリンクをコピーするとアメブロで使えない禁止タグが入る場合もあります。対処法としてはアメブロでの基本のリンクの貼り方をすればOK。下記記事で詳しく解説しているので、確認して下さいね。【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方この記事ではアメブロのリンクの貼り方について、「基本の貼り方」~「活用方法」まで詳しく解説します。リンクはアメブロの集客・売上を簡単に伸ばせる手法ですよ…ameblo.jpリンクが飛ばない・見れない場合作成したリンクをクリックしても飛ばない・見れない場合は、いくつか原因があります。エディタ上や記事プレビューでクリックしている記事完成前にエディタ上やプレビューで確認しますよね。この時にエディタ上やプレビューではリンクをクリックしても、正常に動きません。アメブロのリンクは記事投稿後から、クリックできる仕組みです。作成後に公開した記事を開いて、実際にクリックして飛べるか確認して下さい。URLを間違っているリンクではURLの間違いがよくあります。URLは長いのでミスしやすいということですね。間違えた場合、アメブロのリンクをクリックしても「表示されない」「記事がない」「情報は見つかりません」などの表示が出てきます。ちなみにアメブロ各記事のURLの仕組みは下記のとおり。固定のアメブロドメインの後に、ID・記事IDと続きます。テーマページの場合は下記の通り。最後のテーマページIDは各テーマごとに異なります。URLは長いので下記のように、記事を開いた状態でURLをコピーして使うのがおすすめ。そして記事をUPしたら、必ずクリックしてリンク先に飛べるか確認しておきましょう。プロフィールページのURL間違いに要注意アメブロでのリンクの3大NG行為の1つでもありますが、プロフィールページのURLを間違えている場合があります。「/me」のURLで見れるのはブログ管理者のみ・・・読者は誰も見れないので絶対にやめましょう!コードの使い方を間違えている場合アメブロでHTMLの「aタグ」でリンクを貼る場合もありますが、慣れていないと間違いが起きやすいです。まずコードの場合を使う場合は、エディタを「HTML表示」に切替えて下さい。ちなみに「通常表示」に貼り付けても何も起こりません・・・例えば下記のようなテキストリンクを貼る場合アメブロでの基本のリンクの貼り方HTMLコードは下記の通りです。<a href="https://ameblo.jp/ame-maker/entry-12658270142.html" rel="noopener noreferrer" target="_blank">アメブロでの基本のリンクの貼り方</a>aタグの部分は全て半角で、タグ内のスペースも全て半角となる点に注意しましょう。またURLは必ず「""」の中に入ります。ちなみにリンクのテキストは自由でOK。aタグの中に入る「rel="noopener noreferrer"」「target="_blank"」も全て半角で、前に半角スペースが必要です。1つでも全角になったり・半角スペースや記号を忘れると、正常に動作しないので注意して下さいね。あめっくまリンクは集客・売上に直結するのでトラブルは早めに解決しましょう!関連記事・アメブロのアクセスアップの方法を学ぼう!・【アメブロの設定・管理】マイページ・管理画面の正しい選び方・【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方・アメブロのブログタイトルの決め方・つけ方例とNGなブログ名サンプル・3つでOK!アメブロのセキュリティ対策で乗っ取られるのを防ごう!・アメブロで安全なパスワード設定の仕方・文字数は何桁にするといいの?・【簡単】アメブロの2段階認証の設定・解除の仕方\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 15Feb
    • 【アメブロ向けかわいい囲み枠】ピンク・ふんわり・水玉・女性向けの画像

      【アメブロ向けかわいい囲み枠】ピンク・ふんわり・水玉・女性向け

      この記事ではアメブロで使える「かわいい囲み枠」を紹介します。完成イメージは下記の通り。ピンク色の囲み枠を簡単に作れますふんわりぼかした囲み枠もOK水玉模様もかわいいですね表題表題付きの囲み枠も設置できます表題当サイトの囲み枠は「fieldset」を使わないので安心このような女性向けサイトにピッタリな囲み枠を簡単に設置できます。デザインを選んだら、コードをコピペして貼り付けするだけ!文字を書くだけでは内容が伝わりにくいので、囲み枠で記事を読みやすくするのはブログの基本ですよね。記事のポイントや要点を囲って、読者の印象に残る記事を作りましょう。くますけ可愛い枠で囲むと記事が素敵になるね。あめっくま読者が目を留める可能性も高くなるから、積極的に使おう。なお、囲み枠の作り方や設置方法は👇の記事で解説しています。当ブログの囲み枠素材をはじめて使う人は確認して下さいね。【アメブロでの囲み枠・飾り枠の作り方】初心者でも簡単に設置!この記事では下記のようなアメブロ用の囲み枠・飾り枠をつける方法を紹介します。囲み枠の見本①枠の中に文章を書いて目立たせることができます。囲み枠の見本②記事に枠…ameblo.jp注意記事中のコードは無料で使えます。リブログやリンクのご紹介も歓迎です。ただし許可なくコード自体をブログ内で掲載したり、二次利用するのは禁止です。無許可掲載はプライバシーポリシーに準じて対応します。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 かわいいピンク色の囲み枠 ふんわりした囲み枠 水玉模様の囲み枠かわいいピンク色の囲み枠表題・タブ付きピンク系の囲み枠に表題部分をつけた囲み枠の一覧です。表題タブ付きの囲み枠です<div class="rankitem__ranklabel__2 i-amphtml-element l-p-r l-p-l" style="display: inline-block; background: #eb6ea5; border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px; color: #ffffff; padding: 3px 15px 1px 15px; margin-bottom: 0;">表題部分</div><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>表題内側タブ付きの囲み枠です<div class="l-border" style="border: 2px solid #eb6ea5;"><div class="rankitem__ranklabel__2 i-amphtml-element l-p-r l-p-l" style="display: inline-block; background: #eb6ea5; color: #ffffff; padding: 1px 15px 3px 17px;">表題部分</div><div class="l-p-t l-p-r l-p-b l-p-l" style="padding: 15px;"><p style="margin: 0;">ここに文章</p></div></div><p>&nbsp;</p>表題塗りつぶし+内側タブ付きの囲み枠です<div class="l-border" style="background: #fbe4ee;"><div class="rankitem__ranklabel__2 i-amphtml-element l-p-r l-p-l" style="display: inline-block; background: #eb6ea5; color: #ffffff; padding: 3px 15px 3px 15px;">表題部分</div><div class="l-p-t l-p-r l-p-b l-p-l" style="padding: 15px;"><p style="margin: 0;">ここに文章</p></div></div><p>&nbsp;</p>表題塗りつぶし+内側タブ+影つき囲み枠です<div class="l-border" style="background: #fbe4ee; box-shadow: 3px 3px 6px -2px #555;"><div class="rankitem__ranklabel__2 i-amphtml-element l-p-r l-p-l" style="display: inline-block; background: #eb6ea5; color: #ffffff; padding: 3px 15px 3px 15px;">表題部分</div><div class="l-p-t l-p-r l-p-b l-p-l" style="padding: 15px;"><p style="margin: 0;">ここに文章</p></div></div><p>&nbsp;</p>表題表題部分が横に広がった囲み枠<div style="border: 2px solid #eb6ea5; background: #ffffff;"><div class="rankitem__ranklabel__2 l-p-r l-p-l" style="background: #eb6ea5; color: #ffffff; padding: 3px 15px 5px 15px;">表題部分</div><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="padding: 15px;"><p style="margin: 0;">ここに文章</p></div></div><p>&nbsp;</p>表題表題部分が横に広がった影つき囲み枠<div style="border: 2px solid #eb6ea5; background: #ffffff; box-shadow: 3px 3px 6px -2px #555;"><div class="rankitem__ranklabel__2 l-p-r l-p-l" style="background: #eb6ea5; color: #ffffff; padding: 3px 15px 5px 15px;">表題部分</div><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="padding: 15px;"><p style="margin: 0;">ここに文章</p></div></div><p>&nbsp;</p>表題表題部分が横に広がった塗りつぶしの囲み枠<div class="rankitem__ranklabel__2 l-p-r l-p-l" style="background: #eb6ea5; color: #ffffff; padding: 3px 15px; margin-bottom: 0;">表題部分</div><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fbe4ee; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>表題表題部分が左上に入る囲み枠<div style="position: relative; border: 2px solid #eb6ea5; padding: 20px 15px 15px 15px;"><div class="rankitem__ranklabel__2 i-amphtml-element l-p-r l-p-l" style="position: absolute; top: -0.8em; left: 8px; background: #ffffff; color: #eb6ea5; padding: 0 0.5em;">表題部分</div><p class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>表題表題部分が左上に入る角丸の囲み枠<div style="position: relative; border: 2px solid #eb6ea5; border-radius: 7px; padding: 20px 15px 15px 15px;"><div class="rankitem__ranklabel__2 i-amphtml-element l-p-r l-p-l" style="position: absolute; top: -0.8em; left: 8px; background: #ffffff; color: #eb6ea5; padding: 0 0.5em;">表題部分</div><p class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>表題表題部分を塗りつぶした囲み枠<div style="position: relative; border: 2px solid #eb6ea5; padding: 30px 15px 15px 15px;"><div class="rankitem__ranklabel__2 i-amphtml-element l-p-r l-p-l" style="position: absolute; top: -0.8em; left: 8px; color: #ffffff; background: #eb6ea5; padding: 0 0.5em;">表題部分</div><p class="l-border l-p-t l-p-r l-p-b l-p-l" style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>表題・タブなしピンクの実線囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクのドット線囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 3px dotted #eb6ea5; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの二重線囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 5px double #eb6ea5; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの角丸囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの塗りつぶし囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fbe4ee; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの塗りつぶし+各丸囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fbe4ee; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>濃いピンクの塗りつぶし囲み枠<div class="rankitem__ranklabel__2 l-p-t l-p-r l-p-b l-p-l" style="background: #eb6ea5; color: #ffffff; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>濃いピンクの塗りつぶし+各丸囲み枠<div class="rankitem__ranklabel__2 l-p-t l-p-r l-p-b l-p-l" style="background: #eb6ea5; color: #ffffff; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの枠線+塗りつぶし囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: #fbe4ee; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの枠線+塗りつぶし+各丸囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: #fbe4ee; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの枠線+影つきの囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの枠線+角丸+影つきの囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; box-shadow: 3px 3px 6px -2px #555; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの枠線+塗りつぶし+影つきの囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: #fbe4ee; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの枠線+塗りつぶし+角丸+影つきの囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: #fbe4ee; border-radius: 10px; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの枠線+ストライプ<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: repeating-linear-gradient(-45deg, #fbe4ee, #fbe4ee 3px, #fcedf4 3px, #fcedf4 7px); padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンクの各丸枠線+ストライプ<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: repeating-linear-gradient(-45deg, #fbe4ee, #fbe4ee 3px, #fcedf4 3px, #fcedf4 7px); border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色のストライプ枠線<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background-size: 4px 4px; background-repeat: repeat; background-image: linear-gradient(-45deg, #ffffff 25%, #eb6ea5 25%, #eb6ea5 50%, #ffffff 50%, #ffffff 75%, #eb6ea5 75%, #eb6ea5); padding: 6px;"><div style="background: #ffffff; padding: 15px;"><p style="margin: 0;">ここに文章</p></div></div><p>&nbsp;</p>ピンクのキルト風<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px dashed #eb6ea5; background: #fbe4ee; box-shadow:0px 0px 0px 10px #fbe4ee; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ふんわりした囲み枠ピンク色のふんわりぼかした囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fbe4ee; box-shadow: #fbe4ee 0 0 10px 10px; border-radius: 10px; padding: 10px; margin: 10px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色のふんわりぼかした囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fee8c2; box-shadow: #fee8c2 0 0 10px 10px; border-radius: 10px; padding: 10px; margin: 10px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>水色のふんわりぼかした囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #e7f5fe; box-shadow: #e7f5fe 0 0 10px 10px; border-radius: 10px; padding: 10px; margin: 10px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色のふんわりぼかした囲み枠<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #d6efbe; box-shadow: #d6efbe 0 0 10px 10px; border-radius: 10px; padding: 10px; margin: 10px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>水玉模様の囲み枠メインサイトの「アメブロメーカー」では、下記のような水玉模様の囲み枠も用意しています。ピンク色の水玉模様オレンジ色の水玉模様水色の水玉模様緑色の水玉模様詳しくは下記の関連記事で、コードを確認して下さい。メインサイト関連記事【素材数No.1】アメブロ向け囲み枠・飾り枠あめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。ボックス・飾り枠の関連記事一覧メインサイトの「アメブロメーカー」では、300種類以上のボックス素材を用意しています。メインサイトボックス素材素材数No1!アメブロ用の囲み枠・ボックス人気この初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボックス素材・シンプルなボックス(枠線・角丸・影つき)・かわいいボックス(ピンク系・水玉)今ココ・おしゃれなボックス(ストライプ・グラデーション)・付箋風のボックス・黒板風のボックスボックスの知識・囲み枠・飾り枠の作り方・設置方法・囲み枠のカスタマイズ方法カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

    • 3つでOK!アメブロのセキュリティ対策で乗っ取られるのを防ごう!の画像

      3つでOK!アメブロのセキュリティ対策で乗っ取られるのを防ごう!

      この記事ではアメブロのセキュリティ対策についてまとめています。セキュリティ対策せず使っていると、外部からの不正操作で乗っ取られる可能性もありますよね。記事を消される・改変される・コインを盗まれるだけではなく、何年もかけて作ったブログを一瞬で失う最悪なケースも・・・実際にアメブロでは過去に数万人規模の大規模な不正ログインがあったり、乗っ取られて記事を全て消されたという人もいます。「Ameba」への不正ログインに関するご報告とパスワード再設定のお願い サイバーエージェントの新たな取り組みやサービス情報など、当社のニュースリリースを掲載しています。www.cyberagent.co.jpですがアメブロ公式で用意されている下記3つの対策をすると、安全性を上げることは可能です。アメブロの3つのセキュリティ対策 強固なパスワードに変更する 2段階認証を設定する コメントのスパム対策をしておく早めに対策をして、安心して使える環境にしておきましょう!くますけセキュリティ対策って難しそう・・・あめっくまどれも簡単にできる作業だから大丈夫だよ!\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 パスワードを強固にする 2段階認証を設定する コメントのスパム対策をする①パスワードを強固にするアメブロを乗っ取られる時に、最初に突破されるのがパスワードです。つまり強固なものにしていれば、安全性を上げることができるというわけですね。下記のポイントを守ったパスワードを使えば、かなりセキュリティを上げることができます。 アメブロIDを絶対に含まない 最大の12文字で設定する 英数字・大文字・小文字を全て混ぜる 英単語など意味のある文字列にしない 他で利用中のものを使わない1つでも該当してしまうと、一気に安全性が落ちます。特にIDは誰でも見れる状態なので、IDが含まれるとかなり危険です。アメブロでの強固なパスワードの作り方・決め方の具体例は、下記の記事でさらに詳しく解説しています。【アメブロのパスワード設定】文字数は何桁にすると安全なの?この記事ではアメブロのパスワード設定で安全に使える文字列や文字数を解説します。アメブロのパスワードはセキュリティ面ではあまり強くはありません。そのため安易なパ…ameblo.jp②2段階認証を設定するアメブロのパスワードが突破された時に、外部からの侵入を防ぐ最後の手段が2段階認証です。外部からの不正ログイン対策として、パスワード+認証コードの2段階で防御できるようになります。あなたが記事作成に普段利用するデバイス以外からログインしようとすると、2段階認証を設定していると「認証コード」を要求される仕組み。2段階認証用のコードは、事前にあなたが設定したメールアドレスに送られます。外部の人はメールの文面を見れないと「認証コード」が分かりません。設定は簡単で、こちらの2段階認証設定ページから3分程度で可能です。アメブロ公式でも設定を強く推奨しているので、早めに対策しておきましょう。またアメブロの2段階認証設定の流れは、下記記事で詳しく紹介しています。【簡単】アメブロの2段階認証の設定・解除の仕方この記事ではアメブロの2段階認証の設定方法について解説します。2段階認証はアメブロのパスワードが万が一突破された場合に、乗っ取りを防ぐ貴重な手段です。ameblo.jp③コメントのスパム対策をするアメブロ乗っ取りとは関係ありませんが、コメント欄に悪質なスパムが来て荒らされるのを防ぐ対策です。コメント欄が意味不明な内容や外部への勧誘で荒らされると、読者からすると近づきたくないブログとなってしまいます。ブログ管理で簡単に設定できるので、確認しておきましょう。「ブログ管理」⇒「設定・管理」⇒「基本設定」⇒「コメントの設定」で下記のようにしておきます。「コメント画像認証」を「画像認証する」にチェックを入れておくということですね。チェックを入れると、読者がコメントをする時に1か所チェック欄が出てくるだけ。よく見るreCAPCHAですね。悪質なスパム攻撃からあなたのアメブロ記事を守ってくれます。たまに安全性を無視して「画像認証しない」を推奨する悪質なアメブロコンサルがいるので、信じてしまい無防備状態な人も多いです。アメブロ公式でも「画像認証」が推奨されているので、必ず設定をしておきましょう。さらにコメント公開方法を「承認後に公開」にしておくと、変なコメントをブロックできるので安心ですね。その他の間違えやすいアメブロの設定・管理・マイページの選び方は下記の記事で解説しています。【アメブロの設定・管理】マイページ・管理画面の正しい選び方この記事ではアメブロの設定方法と、管理画面・マイページのセットアップについて解説します。アメブロは正しく設定できると、セキュリティを強く・集客面でも有利にで…ameblo.jpあめっくまパスワード・2段階認証・スパム対策は3点セットで対策して下さいね。関連記事・アメブロのアクセスアップの方法を学ぼう!・アメブロのブログタイトルの決め方・つけ方例とNGなブログ名サンプル・アメブロで安全なパスワード設定の仕方・文字数は何桁にするといいの?・アメブロの2段階認証の設定方法・【アメブロの設定・管理】マイページ・管理画面の正しい選び方・アメーバIDを登録できない原因と対処法\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

    • 【アメブロのスマホでの始め方】iPhone・アンドロイド・iPadでアプリをインストールの画像

      【アメブロのスマホでの始め方】iPhone・アンドロイド・iPadでアプリをインストール

      この記事ではアメブロをスマホで始める方法を解説します。アメブロはiPhone・アンドロイド・iPadなどのタブレットでアプリをインストールしてアメーバブログを開設できます。簡単ではありますが、大事な注意点もあるので記事を読みながら作成しましょう。くますけアメブロはスマホでも始められるんだね。あめっくまとっても簡単だよ。登録方法と注意点を分かりやすく紹介するね。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 アメブロのスマホアプリでの始め方 【手順1】アプリをインストール 【手順2】アカウントの仮登録 【手順3】アカウントの本登録 スマホやアプリで始める時の注意点 作業効率がPCに比べてかなり劣る アメーバIDは慎重に パスワードを強固にする まとめアメブロのスマホ・アプリでの始め方・作り方アメブロをスマホで作成する場合、以下の手順に従って行います。アメブロのスマホ・アプリでの作り方流れ STEP1 アプリをインストール アメブロアプリをダウンロードして起動します STEP2 アカウントの仮登録アプリをインストール メールアドレス・アカウントID・パスワードなどを入力・設定して仮登録をする STEP3 アカウントの本登録 メールアドレスに届いたURLから本登録をするあめっくまここからは実際の操作画面で手順を解説します。【手順1】アプリをインストールまずはスマホにアプリをインストールしましょう。以下のリンクからダウンロードできます。あめっくまアプリは無料で利用できますよ。インストールしたアプリを開くと、以下のように登録画面が出てきます。「今すぐはじめる」はアプリでブログを見るだけの使い方で、ブログを作れません。今回はアメブロでブログを開始するので、右下の「新規登録」からアカウントを作成しましょう。スマホアプリ以外の場合ちなみにアプリではなくスマホのブラウザから作成する場合は、以下のような画面になります。SNSなどのアカウントでも登録できますが、見るだけでブログの作成はできません。「メールアドレスから新規登録する」を選びましょう。あめっくまブログ作成にはメールアドレスを登録してアカウントを作る必要があります。【手順2】アカウントの仮登録続けて下記のアカウント登録画面に進みます。メールアドレスを持っていない人は、Gmailなどの無料で作れるメールサービスを利用してもOKです。アメーバIDとパスワードは自由に決められますが、注意点もあるので記事後半で解説しています。全て入力して送信すると、以下のような仮登録の画面となります。入力したメールアドレスに、認証メールが届くので確認しましょう。あめっくまIDとパスワードを適当に決めないように注意して下さい。【手順3】アカウントの本登録下記のメールが届いたら、URLをクリックします。すると以下の画面に進みます。これで登録完了です。「さっそくはじめる」をクリックすると、アメーバ公式のTOP画面に移動します。あめっくま続いて注意点を解説します。アメブロをスマホアプリで始める時の注意点アメブロをスマホやアプリで始める時に注意したい点は以下の3つです。スマホ・アプリで開設時の注意点 作業効率がPCに比べてかなり劣る アメーバアカウントをブログ内容に関連付ける パスワードを強固にする作業効率がPCに比べてかなり劣る残念ながらスマホでの記事作成はPCに比べるとかなり効率が落ちます。もちろん趣味で日記を書く程度なら、集客や記事の質を気にしなくてもいいのでスマホアプリでも十分です。ですが集客や収益を上げることが目的なら、リサーチ・ライティング技術・画像や図説・カスタマイズ・リンク・宣伝など様々な工夫が必要ですよね。あくまでもPCを使えない時に、サブとして使う程度で考えおくといいでしょう。あめっくま当然ですがスマホで簡単な記事を書く程度では、集客は難しいです。特にビジネス目的でアメブロを利用する人は、パソコンでブログを作成しましょう。詳しくは👇の記事で解説しています。【アメブロの始め方】アメーバ登録から開設・作成時の注意点この記事ではアメブロの始め方をどこよりも詳しく解説します。アメブロは誰でも無料で始められる人気のブログサービスですよね。趣味の日記記事から、収入目的やビジネス…ameblo.jpアメーバIDを慎重に検討アメーバID(アメブロユーザー名)は自由に設定できます。(既に他の利用者がいるIDは使用不可)だだしアメーバIDはブログURLに入るため、読者の目に入ります。もちろんブログ内容に関係ないIDでも運営可能です。ですがURLは読者に見えるので、ブログタイトルや運営者名などに関連したIDにすると無難ですね。詳しくは👇の記事で解説しています。【関連記事】アメーバID決め方の例と注意点を紹介!本名の名前やニックネームでもいいの?この記事ではアメーバIDの決め方の例を解説します。アメブロを始める時は、必ずアメーバに登録してIDを決めることになりますよね。もちろん趣味の日記記事を書くだけ…ameblo.jpなお1度取得したアメーバIDの変更はできません。新しく作り直すしか方法はないので注意して下さい。あめっくまIDは変えられないので、事前にブログタイトルや運営者名を決めてIDに使うのがおすすめです。パスワードをできるだけ強固にするパスワードは半角英数字の8~12文字で決められます。アメブロのパスワードは記号が使えず、セキュリティ面でやや不安です。ハッキングを受けて大規模な不正ログインを受けた過去もあるので、安全性の高いパスワードにしましょう。アメブロのパスワードについては、👇の記事を参考にして下さいね。【アメブロのパスワード設定】文字数は何桁にすると安全なの?この記事ではアメブロのパスワード設定で安全に使える文字列や文字数を解説します。アメブロのパスワードはセキュリティ面ではあまり強くはありません。そのため安易なパ…ameblo.jpあめっくまパスワードは今後ログインに必要なので、忘れないようメモしておきましょう。まとめアメブロをスマホアプリで作れたら、安全に使うために重要なアメブロの設定を行いましょう。👇の記事で詳しく解説しているので、参考にして下さいね。【アメブロの設定・管理】マイページ・管理画面の正しい選び方この記事ではアメブロの設定方法と、管理画面・マイページのセットアップについて解説します。アメブロは正しく設定できると、セキュリティを強く・集客面でも有利にできますよね…ameblo.jpさらにブログ記事への集客方法を知っておくことも大事ですよね。アメブロでのアクセスアップ方法を知らずにブログ記事を書いても、成功はほぼ不可能・・・できるだけ早めに、下記記事で基本を確認しておきましょう。【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいですよね。…ameblo.jpこの「アメブロ版のアメブロメーカー」やメインサイトの「アメブロメーカー」で、正しいブログの作り方を学んで下さいね。あめっくまこのブログをフォローして、困った時に解決法を探して下さいね。関連記事・アメブロのアクセスアップの方法を学ぼう!・【アメブロの設定・管理】マイページ・管理画面の正しい選び方・アメブロのブログタイトルの決め方・つけ方例とNGなブログ名サンプル・3つでOK!アメブロのセキュリティ対策で乗っ取られるのを防ごう!・アメブロで安全なパスワード設定の仕方・文字数は何桁にするといいの?・【簡単】アメブロの2段階認証の設定・解除の仕方・アメブロの始め方・アメーバID決め方の例と注意点・アメーバIDを登録できない原因と対処法\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

    • 【アメブロの始め方】アメーバ登録から開設・作成時の注意点の画像

      【アメブロの始め方】アメーバ登録から開設・作成時の注意点

      この記事ではアメブロの始め方をどこよりも詳しく解説します。アメブロは誰でも無料で始められる人気のブログサービスですよね。趣味の日記記事から、収入目的やビジネス利用など様々な用途に利用できます。アメブロの新規会員登録から開設までは3分程で簡単にできますが、大事な注意点もあります。あめっくま初心者向けに登録方法を分かりやすく紹介します。まずは記事読みながら、アメブロを始めてみましょう。なお、今回はパソコン(PC版)での開設方法の紹介です。なお、アメブロスマホ版やアプリでの開設方法は👇の記事で解説しています。【アメブロのスマホでの始め方】iPhone・アンドロイド・iPadでアプリをインストールこの記事ではアメブロをスマホで始める方法を解説します。アメブロはiPhone・アンドロイド・iPadなどのタブレットでアプリをインストールしてアメーバブログを…ameblo.jp\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 アメブロ始め方の手順 【手順1】メールアドレスの登録申請 【手順2】認証コードの入力 【手順3】アメーバIDの作成 【手順4】パスワードを決める 【手順5】生年月日・性別の入力 アメブロを始める時の注意点 アメブロの始め方まとめアメブロ始め方の手順アメブロを開設する場合、以下の手順に従って行います。アメブロの始め方流れ STEP1 メールアドレスの登録申請 アメーバ公式サイトでアカウントの登録 STEP2 認証コードの入力 メールに届いた6桁のコードを入力 STEP3 アメーバIDの作成 アメーバIDを作って入力 STEP4 パスワードの設定 半角英数字で8文字以上のパスワードを作成して入力 STEP5 生年月日と性別を入力 生年月日と性別を入力して完了あめっくまここからは実際の操作画面で手順を解説します。【手順1】メールアドレスの登録申請まずはアメーバ公式サイトを開き、メールアドレスを登録してアメーバに入会申請します。アメーバ会員になるとブログを作れるというわけですね。下記の画面に進むので、ご自身のメールアドレスを登録して下さい。ちなみにアドレス1個につき、アメーバIDを1つ作れます。メールアドレスが複数あれば、アメブロを複数作ることも可能です。補足メールアドレスを持っていない人は、Gmailなどの無料で作れるメールサービスを利用してもOKです。なお電話番号では登録できません。【手順2】認証コードの入力メールアドレスを登録すると、次の画面に進みます。メールに以下のような認証コードが送られているので、書かれている6桁の数字を入力して下さい。メールがこない場合は迷惑フォルダに入っている可能性もあります。確認しておきましょう。【手順3】アメーバIDの作成続いて以下の画面に進むので、自由にアメーバID(アメブロユーザー名)を作成して入力しましょう。(既に他の利用者がいるIDは使用不可)ここで作ったアメーバIDはブログURLに入るので、適当なIDにしてしまい後悔している人もいます。もちろんIDが複雑だったり、ブログ内容に関係ないものでも運営できます。ですがURLは読者に見えるので、ブログの内容や運営者名などに関連したIDにすると無難です。詳しくは👇の記事で解説しています。アメーバIDの名付け方と注意点を紹介!本名の名前やニックネームでもいいの?この記事ではアメーバIDの名付け方を解説します。アメブロを始める時は、必ずアメーバに登録してIDを作成することになりますよね。もちろん趣味の日記記事を書くだけ…ameblo.jpなお1度取得したアメーバIDの変更はできません。新しく作り直すしか方法はないので注意して下さい。あめっくま事前にブログの内容や運営者名を決めておくといいですね。【手順4】パスワードを決める続いて以下のように、パスワード設定の画面に進みます。パスワードは半角英数字の8~12文字で決められます。アメブロのパスワードは記号が使えず、セキュリティ面でやや不安です。ハッキングを受けて大規模な不正ログインを受けた過去もあるので、安全性の高いパスワードにしましょう。アメブロでどんなパスワードにすればいいのか悩んだら、👇の記事を参考にして下さいね。【アメブロのパスワード設定】文字数は何桁にすると安全なの?この記事ではアメブロのパスワード設定で安全に使える文字列や文字数を解説します。アメブロのパスワードはセキュリティ面ではあまり強くはありません。そのため安易なパ…ameblo.jpあめっくまパスワードは今後ログインに必要なので、忘れないようメモしておきましょう。【手順5】生年月日・性別の入力続いて生年月日と性別を入力するページに進みます。生年月日は特に公開されないので、安心して下さい。入力すると以下の画面に進み、登録完了です。「さっそくはじめる」をクリックすると、アメーバ公式TOPページにログインした状態になります。左上の「ブログ管理」をクリックして、以下の管理画面に移動しましょう。今後はこの管理画面からブログ記事の作成や編集などを行うので、お気に入りに入れておくと便利です。あめっくま最初の登録作業はここまでです。続いて大事な注意点を確認しましょう。アメブロを始める時の注意点開設の手順でも紹介していますが、アメブロを始める時に注意したい点は以下の2つです。アメブロ開設時の注意点 アメーバアカウントをブログ内容に関連付ける パスワードを強固にする特にアカウントは1度作ると変更できません。後からブログを作り直すと、大きな時間のロスとなるので注意して下さい。あめっくまパスワードは開設後でも変更できます。アメブロの始め方まとめアメブロを開設できたら、安全に使うために重要なアメブロの設定を行いましょう。👇の記事で詳しく解説しているので、参考にして下さいね。【アメブロの設定・管理】マイページ・管理画面の正しい選び方この記事ではアメブロの設定方法と、管理画面・マイページのセットアップについて解説します。アメブロは正しく設定できると、セキュリティを強く・集客面でも有利…ameblo.jpさらにブログ記事への集客方法を知っておくことも大事ですよね。アメブロでのアクセスアップ方法を知らずにブログ記事を書いても、成功はほぼ不可能・・・できるだけ早めに、下記記事で基本を確認しておきましょう。【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいですよね。…ameblo.jpこの「アメブロ版のアメブロメーカー」やメインサイトの「アメブロメーカー」で、正しいブログの作り方を学んで下さいね。あめっくまこのブログをフォローして、困った時に解決法を探して下さいね。関連記事・アメブロのアクセスアップの方法を学ぼう!・【アメブロの設定・管理】マイページ・管理画面の正しい選び方・アメブロのブログタイトルの決め方・つけ方例とNGなブログ名サンプル・3つでOK!アメブロのセキュリティ対策で乗っ取られるのを防ごう!・アメブロで安全なパスワード設定の仕方・文字数は何桁にするといいの?・【簡単】アメブロの2段階認証の設定・解除の仕方・アメブロのスマホでの始め方・アメーバID決め方の例と注意点・アメーバIDを登録できない原因と対処法\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 12Feb
    • 【簡単】アメブロの2段階認証の設定・解除の仕方の画像

      【簡単】アメブロの2段階認証の設定・解除の仕方

      この記事ではアメブロの2段階認証の設定方法について解説します。2段階認証はアメブロのパスワードが万が一突破された場合に、乗っ取りを防ぐ貴重な手段です。あなたが普段使うPC以外のデバイスからログインしようとする時に、認証を求められるということですね。下記の公式スタッフブログでも重要性が解説されています。3分で終わる簡単なセキュリティ対策なので、サクッと終わらせましょう!くますけ2段階認証は不正アクセスを受けた時の対策なんだね。あめっくまブログを守るためにも設定しておいた方がいいよ!\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 アメブロの2段階認証の仕組み アメブロの2段階認証設定の仕方 アメブロの2段階認証を解除する方法 アメブロの2段階認証の注意点 スパム対策も忘れずにアメブロの2段階認証の仕組み外部の人が不正ログイン目的でパスワードを突破できても、2段階認証を設定していれば「認証コード」を要求されます。2段階認証用のコードは、事前にあなたが設定したメールアドレスに送られます。外部の人はメールの文面を見れないと「認証コード」が分かりません。つまり仮にパスワードを突破しても、認証コードを入力できず外部から不正ログインできない仕組みですね。外部からの不正ログイン対策として、パスワード+認証コードの2段階で防御できるということ。アメブロの2段階認証設定の仕方アメブロの2段階認証の手順を、実際の画像で解説します。受信メールアドレスの設定「受信メールアドレスの設定」は、認証コードをアメブロ側から送信する時のメルアドとなります。最初にこちらの2段階認証を設定するページを開いて下さい。補足ホーム→右上設定→左上の登録情報下にある「2段階認証設定」からでもOKです。下記のようにメールアドレスの選択画面が表示されます。「上にある登録済のメールアドレスを選ぶ」か、「下に新規で追加するアドレスを入力する」のどちらかを選択して下さい。「コードの送信」をクリックすると、選んだメールアドレスに下記が届きます。「受信確認コード」の6桁の数字をコピーしましょう。(amebaの認証コードが来ない場合は、時間を空けて再度行って下さい)アメブロの画面は下記のように進んでいるので、コードを貼り付けて「送信」をクリックして下さい。機能停止メールアドレスの設定続いて2段階認証の機能を停止する時に使うメールアドレスを設定します。下記の画面に進んでいるので、受信用のメールアドレスとは異なるメールアドレスを設定します。(別々の必要あり)設定したメルアドに下記の文面が届くので、6桁の数字をコピーします。アメブロの画面が下記のように進んでいるので、コピーしたコードを貼り付けて下さい。2段階認証の確認ページへ正しくできていると下記の画面に進んで設定は終わりです。「設定情報の確認」をクリックすると、2段階認証の設定状況が確認できます。中央に「利用中」と書かれていて、設定したメルアドも確認できますね。こちらのページから2段階認証の設定を確認・変更できるので、ブックマークしておくと便利です。ブログ管理者の2段階認証を不要にする2段階認証を設定すると、ブログ管理者(あなた)も2段階認証を求められます。(初回だけは必要)ただし設定すれば2回目以降は2段階認証が不要になるので、必ずこの後の手順を実施しておきましょう。一旦アメブロをログアウトして、再度ログインして下さい。すると受信用メールアドレスに6桁の認証コードが届くのでコピーします。下記のようにアメブロの画面が進んでいるので、認証コードを貼り付けて下さい。中央の「この端末では次回から2段階認証コードの入力を省略」にチェックを入れて、「認証」をクリックしましょう。あなたが普段アメブロ作成に使う端末では、2段階認証の入力が不要になります。(一定期間が経過すると、再度認証コードを求められる場合はあります)補足ログインする端末が変わると2段階認証が必要です。複数のデバイスを使ってアメブロを編集する人は、それぞれのデバイスごとに上記の設定を行って下さい。アメブロの2段階認証を解除する方法解除する場合は簡単です。こちらのアメブロ2段階認証設定ページを開くと、下記のように現在の状態が表示されます。中央右側の赤い「2段階認証を停止する」をクリックして下さい。これでアメブロの2段階認証が解除されます。(機能停止メールはいつ使うの・・・)アメブロの2段階認証の注意点注意点も確認しておきましょう。メルアドのパスワードと一緒にしないアメブロとメールアドレスのパスワードが同一にしている人は要注意です。パスワードが突破されると、メルアドも突破される可能性が高くなりますよね。特にyahooメールやGmailなどのブラウザメールを使っている場合、アドレスとパスワードがバレるとすぐに突破されます。2段階認証の意味がなくなるので、必ずパスワードを分けておきましょう。パスワードを強固にしておく2段階認証は便利なセキュリティ対策ですが、絶対に不正ログインを防げるわけではありません。パスワードが突破される可能性を減らせれば、より安全性が高くなりますよね。念のため下記の記事で、アメブロの安全で強いパスワードの作り方を確認しておきましょう。【アメブロのパスワード設定】文字数は何桁にすると安全なの?この記事ではアメブロのパスワード設定で安全に使える文字列や文字数を解説します。アメブロのパスワードはセキュリティ面ではあまり強くはありません。そのため安易なパ…ameblo.jpスパム対策も忘れずにアメブロのセキュリティ対策で、コメント欄のスパム対策をしていない人が多いので注意しましょう。設定画面で下記のように「コメントの画像認証」を「画像認証する」にチェックを入れて下さい。下記のように読者はコメント時にワンクリックが必要になりますが、特に面倒でもないですよね。セキュリティ面の方が重要です。よく見るreCAPCHAですね。悪質なスパム攻撃からあなたのアメブロ記事を守ってくれます。たまに安全性を無視して「画像認証しない」を推奨している変なアメブロコンサルがいるので、信じてしまい無防備状態な人も多いようです。アメブロ公式でも「画像認証する」が推奨されているので、合わせて設定をしておきましょう。合わせてコメント公開方法を「承認後に公開」にしておくと、変なコメントをブロックできるので安心ですね。その他の間違えやすいマイページ管理画面の設定は下記の記事で解説しています。『【アメブロの設定・管理】マイページ・管理画面の正しい選び方』この記事ではアメブロの設定方法と、管理画面・マイページのセットアップについて解説します。アメブロは正しく設定できると、セキュリティを強く・集客面でも有利…ameblo.jpあめっくまパスワード・2段階認証・スパム対策は3点セットで対策して下さいね。関連記事・アメブロのアクセスアップの方法を学ぼう!・アメブロのブログタイトルの決め方・つけ方例とNGなブログ名サンプル・3つでOK!アメブロのセキュリティ対策で乗っ取られるのを防ごう!・アメブロマイページ・管理画面の基本設定で正しい選び方は?・アメブロで安全なパスワード設定の仕方・文字数は何桁にするといいの?\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 19Jan
    • 【最新版】アメブロのブログ名と説明文を消す・非表示の方法を解説の画像

      【最新版】アメブロのブログ名と説明文を消す・非表示の方法を解説

      この記事では、「アメブロのブログ名と説明文を非表示にする方法」について解説します。ブログ名と説明文はアメブロの上部に表示される下記の部分です。ヘッダー画像を入れる場合は邪魔になるので、ブログ名と説明文自体を消しておきたいですね。CSSのコードを貼り付けるだけで、簡単に消すことができますよ。くますけCSSの操作って不安だなあ・・・あめっくまコピペするだけでいいから簡単だよ!\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒アメブロのブログ名・説明文を消す方法「ブログ管理」⇒「デザインの設定」⇒「CSSの編集」を開いて、少し下に進むと下記のようにCSSの編集欄が出てきます。このCSS欄を一番下まで進み、下記のコードを貼り付けしましょう。(新CSSデザインのみ対応)/* ブログタイトルを消す */.skin-blogMainTitle{display: none;}/* ブログ説明文を消す */.skin-blogSubTitle{display: none;}CSS欄は下記のようになっていればOK。名前か説明文どちらかのみ消したい場合は、片方のみ貼り付けでも大丈夫です。これでヘッダー画像を入れた状態で、ブログ名と説明文が消えるのでスッキリしますね。注意新CSSデザインに効果がないコードを紹介する人も見かけるので、注意して下さいね。あめっくまブログ名・説明文を消して、オリジナルヘッダーを入れると個性が出ますね。カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 21Oct
    • 【アメブロ向けシンプルな囲み枠】囲み線・点線・二重線・角丸・影つきの画像

      【アメブロ向けシンプルな囲み枠】囲み線・点線・二重線・角丸・影つき

      この記事ではアメブロで使える「シンプルな囲み枠」を紹介します。完成イメージは下記の通り。シンプルな枠線・点線・二重線で文章を囲むと目立ちます角丸や塗りつぶした囲み枠も素敵ですね影付きにすると立体的に見えて、さらに目立ちますこのようなシンプルな囲み枠を簡単に設置できます。デザインを選んだら、コードをコピペして貼り付けするだけ!解析すると分かりますが、読者は記事を流し読みします・・・文字を書くだけでは内容が伝わらないので、囲み枠を使って読みやすく・伝わりやすい記事を作りましょう。くますけ記事の文章を枠で囲むと、読者が目を留める可能性が高くなるんだね。あめっくま記事の要点を入れて読者の印象に残したり、宣伝内容を目立たせるためにも使えるよ。なお、囲み枠の作り方や設置方法は👇の記事で解説しています。当ブログの囲み枠素材をはじめて使う人は確認して下さいね。【アメブロでの囲み枠・飾り枠の作り方】初心者でも簡単に設置!この記事では下記のようなアメブロ用の囲み枠・飾り枠をつける方法を紹介します。囲み枠の見本①枠の中に文章を書いて目立たせることができます。囲み枠の見本②記事に枠…ameblo.jp注意記事中のコードは無料で使えます。リブログやリンクのご紹介も歓迎です。ただし許可なくコード自体をブログ内で掲載したり、二次利用するのは禁止です。無許可掲載はプライバシーポリシーに準じて対応します。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 枠線・点線・二重線の囲み枠 塗りつぶしの囲み枠 角丸の囲み枠 影つきの囲み枠 さらに豊富なデザインあり枠線・点線・二重線・角丸の囲み枠シンプルな枠線青色のシンプルな枠線です。<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #4169e1; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色のシンプルな枠線です。<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #59a136; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色のシンプルな枠線です。<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色のシンプルな枠線です。<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #fca60d; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>シンプルなドット線青色ドット線の囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 3px dotted #4169e1; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色ドット線の囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 3px dotted #59a136; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色ドット線の囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 3px dotted #eb6ea5; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色ドット線の囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 3px dotted #fca60d; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>シンプルな二重線青色二重線の囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 5px double #4169e1; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色二重線の囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 5px double #59a136; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色二重線の囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 5px double #eb6ea5; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色二重線の囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 5px double #fca60d; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>塗りつぶしの囲み枠うすい色で塗りつぶしうすい青色で塗りつぶした囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #e0e7fa; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>うすい緑色で塗りつぶした囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #d6efbe; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>うすいピンク色で塗りつぶした囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fbe4ee; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>うすいオレンジ色で塗りつぶした囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fee8c2; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>枠線+塗りつぶし青色の枠線と塗りつぶしの囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #4169e1; background: #e0e7fa; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色の枠線と塗りつぶしの囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #59a136; background: #d6efbe; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色の枠線と塗りつぶしの囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: #fbe4ee; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色の枠線と塗りつぶしの囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #fca60d; background: #fee8c2; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>角丸の囲み枠角丸の枠線青色の角丸囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #4169e1; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色の角丸囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #59a136; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色の角丸囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色の角丸囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #fca60d; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>角丸+塗りつぶし青色の塗りつぶし+角丸囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #e0e7fa; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色の塗りつぶし+角丸囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #d6efbe; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色の塗りつぶし+角丸囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fbe4ee; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色の塗りつぶし+角丸囲み枠です<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fee8c2; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>角丸+枠線+塗りつぶし青色の枠線で囲った塗りつぶしを角丸にしました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #4169e1; background: #e0e7fa; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色の枠線で囲った塗りつぶしを角丸にしました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #59a136; background: #d6efbe; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色の枠線で囲った塗りつぶしを角丸にしました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: #fbe4ee; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色の枠線で囲った塗りつぶしを角丸にしました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #fca60d; background: #fee8c2; border-radius: 10px; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>影つきの囲み枠影付きの枠線青色囲み枠に影をつけました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #4169e1; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色枠線の囲み枠に影をつけました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #59a136; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色枠線の囲み枠に影をつけました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色枠線の囲み枠に影をつけました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #fca60d; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>枠線+塗りつぶし+影つき青色枠線+塗りつぶしの囲み枠に影をつけました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #4169e1; background: #e0e7fa; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>緑色枠線+塗りつぶしの囲み枠に影をつけました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #59a136; background: #d6efbe; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>ピンク色枠線+塗りつぶしの囲み枠に影をつけました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #eb6ea5; background: #fbe4ee; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>オレンジ色枠線+塗りつぶしの囲み枠に影をつけました<div class="l-border l-p-t l-p-r l-p-b l-p-l" style="border: 2px solid #fca60d; background: #fee8c2; box-shadow: 3px 3px 6px -2px #555; padding: 15px;"><p style="margin: 0;">ここに文章</p></div><p>&nbsp;</p>さらに豊富なデザインありメインサイトの「アメブロメーカー」では、下記のような素敵な囲み枠も用意しています。メインサイト関連記事【素材数No.1】アメブロ向け囲み枠・飾り枠あめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。ボックス・飾り枠の関連記事一覧メインサイトの「アメブロメーカー」では、300種類以上のボックス素材を用意しています。メインサイトボックス素材素材数No1!アメブロ用の囲み枠・ボックス人気この初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボックス素材・シンプルなボックス(枠線・角丸・影つき)今ココ・かわいいボックス(ピンク系・水玉)・おしゃれなボックス(ストライプ・グラデーション)(作成中)・付箋風のボックス・黒板風のボックスボックスの知識・囲み枠・飾り枠の作り方・設置方法・囲み枠のカスタマイズ方法【作成中】カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 20Oct
    • 【アメブロでの囲み枠・飾り枠の作り方】初心者でも簡単に設置!の画像

      【アメブロでの囲み枠・飾り枠の作り方】初心者でも簡単に設置!

      この記事では下記のようなアメブロ用の囲み枠・飾り枠をつける方法を紹介します。囲み枠の見本①枠の中に文章を書いて目立たせることができます。囲み枠の見本②記事に枠を作ると読みやすくなり、読者に内容が伝わりやすいです。やり方も簡単!囲み枠の見本③文章だけの記事は流し読みされやすいので、囲み枠で要点を伝えましょう。囲み枠を使うと読者に記事の内容が伝わりやすくなりますよね。趣味の日記なら文字だけでも問題ありませんが、アメブロをビジネス利用するなら囲み枠で記事を読みやすくするのは必須です。コピペで簡単に作れるので、設置の仕方を確認しておきましょう。くますけ記事の文章を枠で囲むと分かりやすくなるよね。あめっくま読者は記事を流し読みするから、囲み枠を使って内容が伝わる工夫をしよう。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒アメブロでの囲み枠の作り方アメブロでの囲み枠は下記の流れで設置します。アメブロでの囲み枠の作り方流れ STEP1 囲み枠素材を選ぶ 囲み枠素材の記事からデザインを決めて下さい STEP2 HTMLコードをコピー 囲み枠のコードをまるごとコピーします STEP3 アメブロにコード貼り付け 記事作成画面のHTML表示にコピーしたコードを貼り付けます STEP4 囲み枠の中身を記入 記事作成画面を通常表示に戻して、中身の文章を書きましょうあめっくま枠の入れ方はとても簡単です。実際の操作を図解で解説します。STEP1:素材を選ぶ最初に下記のリンクから、囲み枠のデザインを選んで下さい。既に選んでいる人は、STEP2に進みましょう。囲み枠素材の記事一覧・タイトル部分付きの囲み枠【作成中】・シンプルな囲み枠・かわいい囲み枠【作成中】・おしゃれな囲み枠【作成中】・付箋風の囲み枠・黒板風の囲み枠あめっくまたくさん用意しているので、お好きなデザインを選んで下さいね。STEP2:HTMLコードをコピー囲み枠のデザインを選ぶと、下記のようにコードが表示されます。グレーの部分のHTMLコードを全てコピーしましょう。あめっくまコードの意味は分からなくても大丈夫です。手順3:HTML表示に貼り付け次にアメブロの記事作成画面で、「HTML表示」に切り替えてコードを貼り付けます。貼り付けたら「通常表示」に戻して下さい。すると下記のように囲み枠が設置されています。あめっくま枠のコードの貼り方も簡単ですね。続いて文章を入れましょう。手順4:囲み枠の中身を書く最後に囲み枠の中身の文章を書きましょう。通常の文章と同じように、書き換えるだけで編集OK。当サイト「アメブロメーカー」の囲み枠素材の中身は「ENTER」で改行できます。(SHIFT+ENTERでも改行できますが、スマホで表示が崩れやすいので注意)これで囲み枠の完成です。下記のように表示されるとOK!囲み枠の使い方コードをコピペして、中身を書くだけで囲み枠を記事に設置できます。中身の改行は「ENTER」でOK!くますけ「ENTER」で2つに分離する質の低い囲み枠を紹介している素人コンサルもいるので注意して下さいね。あめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。ボックス・飾り枠の関連記事一覧メインサイトの「アメブロメーカー」では、300種類以上のボックス素材を用意しています。メインサイトボックス素材素材数No1!アメブロ用の囲み枠・ボックス人気この初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボックス素材・シンプルなボックス(枠線・角丸・影つき)・かわいいボックス(ピンク系・水玉)(作成中)・おしゃれなボックス(ストライプ・グラデーション)(作成中)・付箋風のボックス・黒板風のボックスボックスの知識・囲み枠・ボックスの作り方・設置方法今ココ・囲み枠のカスタマイズ方法【作成中】カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 19Oct
    • 【アメブロのパスワード設定】文字数は何桁にすると安全なの?の画像

      【アメブロのパスワード設定】文字数は何桁にすると安全なの?

      この記事ではアメブロのパスワード設定で安全に使える文字列や文字数を解説します。アメブロのパスワードはセキュリティ面ではあまり強くはありません。そのため安易なパスワードではハッキングや不正ログインを受けやすく、ブログを失う可能性が高くなります。文字数や文字の種類を工夫して、安全性の高いパスワードを利用しましょう。くますけパスワードで安全性を高める必要があるんだね。あめっくま不正ログインでブログを失うと、1から作り直す手間がかかるよ。安全性を高めておこう。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 アメブロパスワードのルール 安全性の高いパスワードの選び方 文字数を12文字にする 英数字・大文字・小文字を混ぜる 意味のある文字列にしない 推測されやすいものは避ける 他で使っているものを流用しない こんなパスワードはダメ 安全なパスワードの設定・作り方 さらに必須の安全性対策 2段階認証で万が一に備える スパム対策も重要 アメブロパスワードのルールアメブロのパスワードのルールは下記の通りです。アメブロのパスワードのルール 文字数は8~12文字 使える文字は半角英数字 ログイン時に利用するパスワードの文字数が最大12文字とかなり少なめで、記号も使えないのでハッキングに対して強くはありません。あめっくま少しでも安全性を高めるために、パスワードの選び方を紹介します。安全性の高いパスワードの選び方文字数を12文字にするアメブロのパスワードは最小8文字・最大12文字で作れますが、文字数が多いほど安全性が高まりますよね。参考までに下記のデータを紹介します。 文字数 8桁 10桁 英小文字のパスワードが 突破される時間 52秒 10時間 参考:ZIPパスワード(AES-256bit)検証結果英小文字のみのデータですが、8文字のパスワードでは一瞬で突破される可能性もありますね・・・そのためアメブロのパスワードは必ず12文字で設定しておきましょう。くますけ文字数を減らすとリスクが上がるんだね。英数字・大文字・小文字を混ぜるアメブロのパスワードには大文字・小文字の英数字を利用できます。(記号は使用不可)文字の種類が増えると、組み合わせの数が増えるのでセキュリティ面で強くなります。 文字数 8桁 10桁 英小文字のパスワードが 突破される時間 52秒 10時間 英大小文字+数字のパスワードが 突破される時間 2年 6653年 参考:ZIPパスワード(AES-256bit)検証結果文字数を多くして使う文字の種類を増やすと、安全性が増しますね。アメブロのパスワードは英数字の大文字・小文字を混ぜ合わせて作りましょう。あめっくま記号を使えないのは残念ですが、できるだけ多くの種類を使って下さいね。意味のある文字列にしない例えば「ameblo」のようなパスワードが意味を持つ文字列は避けましょう。覚えやすいので好きな単語から作る人もいますが、セキュリティ面で非常に弱くなります。くますけ「覚えやすい」=「リスクが高い」ということなんだね。推測されやすいものは避ける例えば誕生日やメールアドレスなど、個人の情報から推測されやすいパスワードは避けましょう。本名やニックネームが入っているパスワードも推測されやすいので、使わない方が無難です。もちろん家族の名前も注意したいですね。絶対やってはいけないのは、アメブロIDとパスワードを同じにすること。IDはURLに表示され誰でも見れるので、安全面では最悪となります。あめっくまパスワードを個人情報と関連付けるのはやめておきましょう。他で使っているものを流用しない他で利用中のサービスと同じパスワードにする人もいますが、要注意です。管理は楽になりますが、危険度はかなり高いです・・・他のサービスでパスワードが流出すると、芋づる式にハッキングされてしまいます。面倒でも他で利用中のパスワードの流用はやめておきましょう。くますけパスワードは使い分ける方が安全なんだね。こんなパスワードはダメよく使われがちなリスクの高いパスワードは下記の通りです。 123456 password 12345 12345678 qwerty 1234 baseball dragon football 1234567 monkey letmein abc123 111111 mustang access shadow master michael superman 参考:パスワードに使ってはいけない文字列ランキングこれらのような思いつきやすいパスワードは危険なので使わない方が無難です。あめっくま英単語やキーボードの文字順などはダメです!安全なパスワードの設定・作り方パスワード生成ツールなどを使うと、無料で簡単に作成できます。下記の赤枠の部分にチェックを入れて、パスワードを作りましょう。すぐにパスワードの候補が表示されるので、お好きなものを利用して下さいね。あめっくま安全性の高いパスワードを使いましょう。さらに必須の安全性対策パスワードを強力なものにしたら、2段階認証とスパム対策も忘れずに行いましょう。2段階認証で万が一に備える2段階認証はパスワードを突破された時の対策です。アメブロは2016年に大規模なハッキングを受け、約60万件ものブログがパスワードを突破され不正ログインされた過去があります。アメブロを安心して使うためにも、2段階認証は必須の対策ですね。アメブロの2段階認証の設定方法は、👇を参考にして下さいね。【簡単】アメブロの2段階認証の設定・解除の仕方この記事ではアメブロの2段階認証の設定方法について解説します。2段階認証はアメブロのパスワードが万が一突破された場合に、乗っ取りを防ぐ貴重な手段です。…ameblo.jpスパム対策も重要スパム対策はブログのコメント荒らしなどを防ぐためにも重要です。(アメブロ公式も対策を推奨)ですが一部のブログコンサルが危険な設定を推奨しているため、対策できていない状態でアメブロを使っている人もいます。アメブロには迷惑ツールを使う悪質な業者も多いので、しっかり対策をしておきましょう。詳しくは👇の「アメブロの正しい設定の仕方」の中で解説しています。ご自身の設定が間違っていないか、確認して下さいね。アメブロマイページ・管理画面の基本設定で正しい選び方は?この記事ではアメブロの初心者向けに管理画面の基本設定の正しいセットアップを解説します。管理画面の基本設定では、ブログのタイトルやセキュリティなどを調整できます…ameblo.jpあめっくまパスワードと合わせて対策をしておきましょう。関連記事・アメブロのアクセスアップの方法を学ぼう!・3つでOK!アメブロのセキュリティ対策で乗っ取られるのを防ごう!・【アメブロの設定・管理】マイページ・管理画面の正しい選び方・【簡単】アメブロの2段階認証の設定・解除の仕方\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 15Oct
    • アメブロで使える付箋の飾り枠!コピペで簡単貼付けOKの画像

      アメブロで使える付箋の飾り枠!コピペで簡単貼付けOK

      この記事ではアメブロで使える「付箋風の飾り枠」を紹介します。完成イメージは下記の通り。付箋風飾り枠のメリット コピペで簡単に貼り付けできる 記事が読みやすくなる 中に箇条書きを入れてもOKこのような素敵な付箋を簡単に設置できます。デザインを選んだら、コードをコピペして貼り付けするだけ!くますけ付箋を使うと、大事なポイントが読者に伝わりやすくなるね。あめっくまおしゃれで他のブログと差別化もできるよ。なお、囲み枠の作り方や設置方法は👇の記事で解説しています。当ブログの囲み枠素材をはじめて使う人は確認して下さいね。【アメブロでの囲み枠・飾り枠の作り方】初心者でも簡単に設置!この記事では下記のようなアメブロ用の囲み枠・飾り枠をつける方法を紹介します。囲み枠の見本①枠の中に文章を書いて目立たせることができます。囲み枠の見本②記事に枠…ameblo.jp注意記事中のコードは無料で使えます。リブログやリンクのご紹介も歓迎です。ただし許可なくコード自体をブログ内で掲載したり、二次利用するのは禁止です。無許可掲載はプライバシーポリシーに準じて対応します。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 付箋の飾り枠素材 箇条書き入りの付箋 表題+箇条書き入りの付箋 さらに豊富なデザインあり付箋の飾り枠素材黄色のふせんの飾り枠をテープで貼り付けたデザインです。テープを半透明にし、付箋には影をつけています。シンプルデザインなので、どんなブログでも使えますね。<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p>&nbsp;</p>ピンクのふせんの飾り枠をテープで貼り付けたデザインです。テープを半透明にし、付箋には影をつけています。シンプルデザインなので、どんなブログでも使えますね。<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p>&nbsp;</p>箇条書き入りの付箋付箋の中身を箇条書きにした飾り枠です。箇条書きの部分でエンターを押すと、項目数が追加されます。 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li class="l-m-b" style="margin-bottom: 1em;">箇条書き1</li><li class="l-m-b" style="margin-bottom: 1em;">箇条書き2</li><li class="l-m-b" style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p>&nbsp;</p> 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li class="l-m-b" style="margin-bottom: 1em;">箇条書き1</li><li class="l-m-b" style="margin-bottom: 1em;">箇条書き2</li><li class="l-m-b" style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p>&nbsp;</p>表題+箇条書き入りの付箋箇条書きの前に表題をつけているので、まとめやポイントを伝えやすい飾り枠となります。ここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div class="l-text-center" style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li class="l-m-b" style="margin-bottom: 1em;">箇条書き1</li><li class="l-m-b" style="margin-bottom: 1em;">箇条書き2</li><li class="l-m-b" style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p>&nbsp;</p>ここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div class="l-border l-p-t l-p-r l-p-b l-p-l" style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div class="l-text-center" style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li class="l-m-b" style="margin-bottom: 1em;">箇条書き1</li><li class="l-m-b" style="margin-bottom: 1em;">箇条書き2</li><li class="l-m-b" style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p>&nbsp;</p>さらに豊富なデザインありメインサイトの「アメブロメーカー」では、下記のような色違いの付箋やマスキングテープを使った付箋も用意しています。付箋の見本付箋の見本付箋の見本付箋の見本詳しくは下記の関連記事で、コードを確認して下さい。メインサイト関連記事【コピペで即使える】アメブロ向け付箋の飾り枠あめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。ボックス・飾り枠の関連記事一覧メインサイトの「アメブロメーカー」では、300種類以上のボックス素材を用意しています。メインサイトボックス素材素材数No1!アメブロ用の囲み枠・ボックス人気この初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボックス素材・シンプルなボックス(枠線・角丸・影つき)・かわいいボックス(ピンク系・水玉)・おしゃれなボックス(ストライプ・グラデーション)(作成中)・付箋風のボックス今ココ・黒板風のボックスボックスの知識・囲み枠・飾り枠の作り方・設置方法・囲み枠のカスタマイズ方法【作成中】カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 14Oct
    • 【アメブロでのボタンの作り方】初心者でも簡単に作成できる方法を紹介!の画像

      【アメブロでのボタンの作り方】初心者でも簡単に作成できる方法を紹介!

      この記事では下記のようなアメブロ用のクリックできるボタンの作成方法を紹介します。(見本なのでクリックしても飛びません)ボタンの見本①ボタンの見本②ボタンの見本③あなたが提供する商品・サービスの申込ページや、ランディングページなどへ誘導するボタンですね。ボタンは文字リンクよりクリックされやすいので、アメブロでビジネスをするなら必須のカスタマイズです。コピペで簡単に作れるので、設置の仕方を確認しておきましょう。くますけ文字だけのリンクより申込者を増やせそうだね。あめっくま読者がクリックしたくなるボタンを設置しよう。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒アメブロでのボタンの作成・設置手順アメブロでのボタンは下記の流れで設置します。アメブロでのボタン作成の流れ STEP1 ボタン素材を選ぶ ボタン素材の記事からデザインを決めて下さい STEP2 HTMLコードをコピー ボタンのコードをまるごとコピーします STEP3 アメブロにコード貼り付け 記事作成画面のHTML表示にコピーしたコードを貼り付けます STEP4 URLを貼り付け ボタンクリックで飛ぶページのURLをボタンに貼り付けます STEP5 ボタンの文字を変更 ボタンのテキストをお好みに替えて完成!あめっくまでは実際の操作を図解で解説します。STEP1:素材を選ぶ最初に下記のリンクから、ボタンのデザインを選んで下さい。既に選んでいる人は、STEP2に進みましょう。ボタン素材の記事一覧・シンプルなボタン(フラット・影つき)・かわいいボタン(ピンク系・水玉)・おしゃれなボタン(立体的・ストライプ)あめっくまたくさん用意しているので、お好きなデザインを選んで下さいね。STEP2:HTMLコードをコピーボタンのデザインを選ぶと、下記のようにコードが表示されます。グレーの部分のHTMLコードを全てコピーしましょう。あめっくまコードの意味は分からなくても大丈夫です。手順3:HTML表示に貼り付け次にアメブロの記事作成画面で、「HTML表示」に切り替えてコードを貼り付けます。貼り付けたら通常表示に戻して下さい。すると下記のようにボタンが設置されています。あめっくま続いてクリックしたら飛べるように設定します。手順4:ボタンにURLを貼り付け次にボタンで誘導するサイトのURLを貼り付けます。下記のようにボタンの中身の文字を選択した状態で、リンクマークをクリックして下さい。するとリンク編集用のボックスが出てくるので、誘導先ページのURLを貼り付けます。「リンクを挿入する」をクリックすると、ボタンを押すと飛ぶようになりました。ちなみに下記のデモボタンをクリックするとメインサイトの「アメブロメーカー」が開きます。クリックしてみてねこのようにクリックで飛べればOKです。手順5:ボタンの文字を書き替え最後にボタンの中身の文章を書き替えましょう。「お申し込みはこちら」など、お好みでOK。これでボタンの完成です。クリックして目的のページに飛べるか確認しておきましょう!くますけコピペしてURLと中身を書くといいんだね。設置時の注意点もありなおボタンの設置時には注意点もあります。詳細はメインサイトの下記記事で紹介しているので、アメブロにボタンを初めて導入する人は確認しておくといいですよ。メインサイトボタン素材素材数No1!アメブロ用の申し込みボタンをコピペで簡単作成あめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。ボタンの関連記事一覧メインサイトの「アメブロメーカー」では、350種類以上のボタン素材を用意しています。メインサイトボタン素材素材数No1!アメブロ用の申し込みボタン人気この初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボタン素材・シンプルなボタン(フラット・影つき)・かわいいボタン(ピンク系・水玉)・おしゃれなボタン(立体的・ストライプ)ボタンの知識・ボタンの作成・設置方法と注意点今ココ・ボタンのカスタマイズ方法【作成中】カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 09Oct
    • 【アメブロ向けおしゃれなボタン】ストライプ模様・かっこいい立体的ボタンの画像

      【アメブロ向けおしゃれなボタン】ストライプ模様・かっこいい立体的ボタン

      この記事ではアメブロの記事で使える「おしゃれ・かっこいいボタン」を紹介します。完成イメージは下記の通り。(見本なのでクリックしても飛びません)ボタンのデザイン例①ボタンのデザイン例②ボタンのデザイン例③立体的なボタンやストライプ模様のボタンを簡単に設置できます。デザインを選んでコードをコピペして貼り付けするだけ、もちろんPC・スマホ両方の表示に対応!ボタンは文字リンクよりクリックされやすいです。申し込みページのURLを入れて、集客UPも可能ですね。くますけ立体的なボタンがあると、ブログがおしゃれになるね。あめっくま読者もクリックしやすいからおすすめだよ。なお、ボタンの使い方や注意点は👇の記事で解説しています。当ブログのボタン素材をはじめて使う人は確認して下さいね。【アメブロでのボタンの作り方】初心者でも簡単に作成できる方法を紹介!この記事では下記のようなアメブロ用のクリックできるボタンの作成方法を紹介します。(見本なのでクリックしても飛びません)ボタンの見本①ボタンの見本②ボタンの見本…ameblo.jp注意記事中のコードは無料で使えます。リブログやリンクのご紹介も歓迎です。ただし許可なくコード自体をブログ内での掲載や、二次利用するのは禁止です。無許可掲載はプライバシーポリシーに準じて対応します。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒クリックできる目次 おしゃれな立体的ボタン かっこいい立体的ボタン ストライプ模様のボタンおしゃれな立体的ボタン立体的ボタン(1行タイプ)お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-bottom: 5px solid #1b3fac; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: 19px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-bottom: 5px solid #447a29; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: 19px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-bottom: 5px solid #e54389; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: 19px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-bottom: 5px solid #d48702; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: 19px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>立体的ボタン(2行タイプ)ボタンの中の文章を2行にしたタイプです。「サービス名+お申込み」など、分かりやすいボタンとなりますね。〇〇サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-bottom: 5px solid #1b3fac; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: 32px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>〇〇サービスのお申し込みはこちら<div style="text-align: center;"><a href=リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-bottom: 5px solid #447a29; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: 32px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>〇〇サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-bottom: 5px solid #e54389; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: 32px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>〇〇サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-bottom: 5px solid #d48702; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: 32px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>かっこいい立体的ボタンメインサイトの「アメブロメーカー」では、下記のような「かっこいい立体的なボタン」も用意しています。お申し込みはこちらお申し込みはこちらお申し込みはこちらお申し込みはこちら○○サービスのお申し込みはこちら○○サービスのお申し込みはこちら詳しくは下記の関連記事で、コードを確認して下さいね。メインサイトボタン素材素材数No1!アメブロ用の申し込みボタンストライプ模様のボタン下記のようなストライプ模様のボタンも人気です。お申し込みはこちらお申し込みはこちらお申し込みはこちらお申し込みはこちら○○サービスのお申し込みはこちら○○サービスのお申し込みはこちら詳しくはメインサイトでコードを確認して下さいね。あめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。ボタンの関連記事一覧メインサイトの「アメブロメーカー」では、350種類以上のボタン素材を用意しています。メインサイトボタン素材素材数No1!アメブロ用の申し込みボタン人気この初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボタン素材・シンプルなボタン(フラット・影つき)・かわいいボタン(ピンク系・水玉)・おしゃれなボタン(立体的・ストライプ)今ココボタンの知識・ボタンの作成・設置方法と注意点・ボタンのカスタマイズ方法【作成中】カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 05Oct
    • 【アメブロ向けかわいいボタン】ピンク系・水玉模様のボタンの画像

      【アメブロ向けかわいいボタン】ピンク系・水玉模様のボタン

      この記事ではアメブロの記事で使える「かわいいボタン」を紹介します。完成イメージは下記の通り。(見本なのでクリックしても飛びません)ボタンのデザイン例①ボタンのデザイン例②ボタンのデザイン例③ピンク色のボタンや水玉模様のボタンを簡単に設置できます。デザインを選んでコードをコピペして貼り付けするだけ、もちろんPC・スマホ両方の表示に対応!女性向けのサイトならかわいいボタンに変えて、提供サービスの申し込み者数を増やしていきましょう。くますけかわいいボタンがあると、ブログの雰囲気が素敵になるね。あめっくまかわいいだけではなくて、読者からクリックされやすくなるよ。アメブロでビジネスするなら導入しておこう。なお、ボタンの使い方や注意点は👇の記事で解説しています。当ブログのボタン素材をはじめて使う人は確認して下さいね。【アメブロでのボタンの作り方】初心者でも簡単に作成できる方法を紹介!この記事では下記のようなアメブロ用のクリックできるボタンの作成方法を紹介します。(見本なのでクリックしても飛びません)ボタンの見本①ボタンの見本②ボタンの見本…ameblo.jp注意記事中のコードは無料で使えます。リブログやリンクのご紹介も歓迎です。ただし許可なくコード自体をブログ内で掲載したり、二次利用するのは禁止です。無許可掲載はプライバシーポリシーに準じて対応します。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒クリックできる目次 ピンク色のボタン 水玉模様のボタンピンク色のかわいいボタン影つきのピンク色ボタン(1行)お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: 19px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>影つきのピンク色ボタン(2行)△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: 30px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>影つき+各丸のピンク色ボタン(1行)お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: 19px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>影つき+各丸のピンク色ボタン(2行)△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: 30px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></a></div><p>&nbsp;</p>枠線+影つきのピンク色ボタン(1行)お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: 19px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div><p>&nbsp;</p>枠線+影つきのピンク色ボタン(2行)△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: 30px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div><p>&nbsp;</p>枠線+影つき+各丸のピンク色ボタン(1行)お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;">ボタンのテキスト<img style="position: absolute; top: 19px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div><p>&nbsp;</p>枠線+影つき+各丸のピンク色ボタン(2行)△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: 30px; right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></a></div><p>&nbsp;</p>水玉模様のかわいいボタンメインサイトの「アメブロメーカー」では、下記のような「水玉模様のかわいいボタン」も用意しています。お申し込みはこちらお申し込みはこちらお申し込みはこちらお申し込みはこちら△△サービスのお申し込みはこちら△△サービスのお申し込みはこちら詳しくは下記の関連記事で、コードを確認して下さいね。メインサイトボタン素材素材数No1!アメブロ用の申し込みボタンあめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。ボタンの関連記事一覧メインサイトの「アメブロメーカー」では、350種類以上のボタン素材を用意しています。メインサイトボタン素材素材数No1!アメブロ用の申し込みボタン人気この初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボタン素材・シンプルなボタン(フラット・影つき)・かわいいボタン(ピンク系・水玉)今ココ・おしゃれなボタン(ストライプ・立体的)ボタンの知識・アメブロでのボタンの作成・設置方法と注意点・アメブロのボタンを好みにカスタマイズする方法【作成中】カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 03Oct
    • 【アメブロ向けボタン】シンプルなフラット・影つきボタンの画像

      【アメブロ向けボタン】シンプルなフラット・影つきボタン

      この記事ではアメブロの記事で使える「シンプルな申し込みボタンの素材」を紹介します。完成イメージは下記の通り。(見本なのでクリックしても飛びません)このようなボタンリンクを簡単に設置できます。デザインを選んでコードをコピペして貼り付けするだけ、もちろんPC・スマホ両方の表示に対応!「申し込みボタン」は目立つので、通常のリンクよりクリックされやすいです。あめっくまボタンを使うと、申し込み者数が増える可能性が高くなります。アメブロでビジネスするなら早めに導入しましょう。なお、ボタンの使い方や注意点は👇の記事で解説しています。当ブログのボタン素材をはじめて使う人は確認して下さいね。【アメブロでのボタンの作り方】初心者でも簡単に作成できる方法を紹介!この記事では下記のようなアメブロ用のクリックできるボタンの作成方法を紹介します。(見本なのでクリックしても飛びません)ボタンの見本①ボタンの見本②ボタンの見本…ameblo.jp注意事項記事中のコードは無料で使えます。リブログやリンクのご紹介も歓迎です。ただし許可なくコード自体をブログ内で掲載したり、二次利用するのは禁止です。無許可掲載はプライバシーポリシーに準じて対応します。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒目次 フラットなボタン フラットな角丸ボタン 影つきのボタン 大きなボタンフラットなボタン1行タイプ中身が1行用のボタンです。文章が長い場合は2行タイプを使って下さい。お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )2行タイプボタンの中身の文章が長い時に使えます。△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト上<br>ボタンのテキスト下</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )フラットな角丸ボタン1行タイプ中身が1行用のボタンです。文章が長い場合は2行タイプを使って下さい。お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #4169e1; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #59a136; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #eb6ea5; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )お申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #fca60d; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1em;">ボタンのテキスト</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )2行タイプボタンの中身の文章が長い時に使えます。△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #4169e1; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.3em;">ボタンのテキスト上<br>ボタンのテキスト下</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #59a136; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.3em;">ボタンのテキスト上<br>ボタンのテキスト下</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #eb6ea5; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.3em;">ボタンのテキスト上<br>ボタンのテキスト下</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )△△サービスのお申し込みはこちら<div style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="display: inline-block; background: #fca60d; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.3em;">ボタンのテキスト上<br>ボタンのテキスト下</a></div><p>&nbsp;</p>(横スライドで表示 ⇒ )影つきのボタンメインサイトの「アメブロメーカー」では、下記のような「クリックされやすい影つきのボタン」も用意しています。お申し込みはこちらお申し込みはこちらお申し込みはこちらお申し込みはこちら△△サービスのお申し込みはこちら△△サービスのお申し込みはこちら詳しくは下記の関連記事で、コードを確認して下さいね。メインサイト関連記事素材数No1!アメブロ用の申し込みボタン大きなボタン下記のような中身に多くの文字を書ける「大きなボタン」も便利ですね。かなり目立つボタンとなります。お申し込みはこちらお申し込みはこちら△△サービスのお申し込みはこちら△△サービスのお申し込みはこちらこちらも詳しくはメインサイトでコードを確認して下さいね。メインサイト関連記事素材数No1!アメブロ用の申し込みボタンあめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。ボタンの関連記事一覧メインサイトの「アメブロメーカー」では、350種類以上のボタン素材を用意しています。メインサイトボタン素材素材数No1!アメブロ用の申し込みボタンこの初級編ブログでも一部を紹介しています。初級編ブログ関連記事ボタン素材・シンプルなボタン(フラット・影つき)【今ココ】・かわいいボタン(ピンク系・水玉)・おしゃれなボタン(ストライプ・立体的)ボタンの知識・アメブロでのボタンの作成・設置方法と注意点・アメブロのボタンを好みにカスタマイズする方法【作成中】カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 02Oct
    • アメブロの見出しをスマホで入れる方法を解説の画像

      アメブロの見出しをスマホで入れる方法を解説

      この記事では下記のようなアメブロ用の見出しをスマホで入れる方法を紹介します。見出しの見本①見出しのデザイン例②見出しの見本③ アメブロの記事に見出しを入れると段落ができて分かりやすく、SEOに強くなりアクセス数で有利です。もちろんスマホでアメブロ記事を書く場合も、見出しを入れることができます。PCの場合と書き方が少し違うので、方法を確認しておきましょう。あめっくまスマホでも見出しを入れて、少しでもSEOに強いブログにしましょう。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒アメブロ記事に見出しをスマホで入れる手順実際のスマホ操作画面の画像で分かりやすく解説します。手順1:見出し素材を選ぶ最初に見出しに使うデザインを、下記の素材記事から選びましょう。見出し素材の記事一覧・シンプルな見出し(線・罫線・ラインタイプ)・目立つ見出し(枠・ボックスタイプ)・かわいい見出し(ピンク系・水玉・チェック柄)・おしゃれ・かっこいい見出し(ストライプ・グラデーション)くますけお気に入りのデザインを選んで下さいね。手順2:コードをコピーデザインが決まったら、素材の下にあるコードをコピーして下さい。あめっくまコードの意味は分からなくても大丈夫です。手順3:スマホに貼り付けスマホの記事編集画面を開いて、右下の「HTML編集」をクリックします。「HTML編集画面」を開いて、見出しを入れる直前の文章の次にある「</div>」の後で改行します。改行すると、下記のように貼り付ける場所が分かりやすくなります。先ほどコピーした見出しのコードを、改行してできた場所に貼り付けます。貼り付けたら右上の「完了」をクリックして、通常の編集画面に戻りましょう。下記のように、見出しが入力されましたね。手順4:見出しの中身を書く最後に見出しの中身の文を書き換えます。通常の記事を書く時と同じで、見出しの中の文字も削除・入力可能です。見出しの下の行からは、記事の続きを書いて完成させましょう。1つの記事に複数の見出しを入れる場合は、操作を繰り返して下さいね。ちなみに見出しのコードをスマホに単語登録をしておけば、いつでも簡単に呼び出せるのでおすすめです。あめっくまコードをコピーしてHTML編集画面に貼り付けるだけですね。スマホで短い記事を書くだけでは厳しいスマホでも見出しを書けるので、キーワードを入れると簡単なSEO対策にはなります。ですがアメブロでビジネスするなら、リサーチ・ライティング技術・図解・見出し・囲み枠・ボタン・読者分析などは最低限必要なスキルです。スマホで短い文章を書くだけでは、顧客が集まらず収益化も難しいです・・・趣味ではなく商売のためにアメブロを利用する人は、スマホではなくPCで質の高い記事を書いていきましょう。くますけアメブロで集客するなら、PCでしっかりした記事を書く必要があるんだね。あめっくま電車移動中にスマホで記事の一部を書くような、サブ的な使い方がいいね。見出しの関連記事一覧メインサイトの「アメブロメーカー」では、350種類以上の見出し素材を用意しています。メインサイト見出し素材【厳選350種】アメブロ用の見出し素材・デザイン!人気この初級編ブログでも一部を紹介しています。初級編ブログの関連記事見出し素材・シンプルな見出し(線・罫線・ラインタイプ)・目立つ見出し(枠・ボックスタイプ)・かわいい見出し(ピンク系・水玉・チェック柄)・おしゃれ・かっこいい見出し(ストライプ・グラデーション)見出しの知識・見出しの作り方・使い方・注意点・アメブロの見出しはSEO・集客UPに大事・見出しを好みにカスタマイズする方法・アメブロの見出しをスマホで入れる方法今ココカスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 30Sep
    • アメブロの見出しはSEO対策(検索エンジンからの集客)に欠かせない!の画像

      アメブロの見出しはSEO対策(検索エンジンからの集客)に欠かせない!

      アメブロの見出しには下記の2つの役割があります。アメブロの見出しの役割 段落を構成し、記事を読みやすくする 検索エンジンに記事内容を伝える(SEO)特に後者が大事!記事内容を検索エンジンに伝えることで、アクセス数UPの効果を期待できます。つまりアメブロの見出しにはSEO効果があるということですね。SEOとは?「Search Engine Optimization(検索エンジン最適化)」の略で、GoogleやYahooなどからブログ記事への集客数を増やすこと。アメブロの記事で見出しを正しく使うと、検索エンジンからのアクセス数UPに役立ちます。結論から言うと、「見出しにキーワードを入れて記事を作成する」ことが重要。実際に当ブログはアクセスの大半が検索エンジン経由。SEO対策により過去記事が勝手に集客してくれるので、毎日記事を書く必要がなく楽チンです。この記事で「アメブロの見出し」と「検索エンジン(SEO)」の関係を知り、ブログへの集客UPに役立てましょう。くますけ見出しにキーワードを使うことが大事なんだよね。あめっくまキーワードを基にした記事を書けると、アメブロ初心者も卒業だよ。\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒クリックできる目次 見出しはSEOで大事 毎日記事を書かないとアクセスが減る人は特に注意 アメブロの見出しにキーワードを入れてSEO対策 特に大見出しが大事 キーワードの入れ過ぎは逆効果 見出しを「hタグ」で作るのがルール 「div」や「fieldset」タグで見出しを作るのはNG 見出しはSEOで大事検索エンジンは「記事のタイトル」と「見出し」を優先的に見て、記事の内容を確認します。質の高い記事でも見出しがないと、検索エンジンに内容が伝わらずアクセス数で不利になります。検索エンジンはブログ記事への集客力が最も高く、検索結果で上位表示されるとアクセス数が数倍になる可能性も・・・そのため「記事のタイトル」と「見出し」に狙ったキーワードを入れて記事を作るのが、ブログの基本的な書き方です。くますけ見出しは検索エンジンに記事内容を伝える目的で使うんだね。毎日記事を書かないとアクセスが減る人は特に注意検索エンジンから集客できると過去記事が読まれ続けるので、毎日新しい記事を書かなくてもアクセス数が安定します。過去の記事が集客してくれるので、顧客対応に集中できるのもメリットです。ところがSEO対策ができていないブログでは、毎日記事を書かないとアクセス数が減ります・・・日々の業務とブログ執筆の両方を日々こなす必要があり、効率が非常に悪いです。そしてブログ記事の質も下がり、集客ができない悪循環になりやすい点にも注意・・・もちろん検索エンジン対策には、SEOの知識が必要です。ただし一度習得すれば安定して集客できるので、ブログの基礎知識とも言えます。あめっくまもちろん当ブログもSEO対策をしているので、アクセス数が安定しています。アメブロの見出しにキーワードを入れてSEO対策人は困った・悩んだ時に、検索エンジンで調べますよね。この時、人が検索エンジンに打ち込む言葉が「キーワード」です。そして検索エンジンはキーワードの答えとなる記事を表示します。もちろん記事内容がキーワードの答えになっていることは前提です。さらに「記事タイトル」と「見出し」にキーワードを入れて、検索エンジンに内容を伝えて上位表示を狙うのが大事。つまりアメブロでビジネスをするなら、見出しを使って検索エンジンに記事内容を伝えることが重要です。あめっくまキーワードを入れた見出しは、アメブロでアクセス数を伸ばすコツです。特に大見出しが大事アメブロの見出しには「大見出し」「中見出し」「小見出し」の3種類があります。中でも「大見出し」が特にSEOでは大事。検索エンジンが優先して見ているので、「大見出し」にキーワードを入れて記事を作成しましょう。「中見出し」もある程度見られるので、キーワードを入れるのがおすすめ。「小見出し」はSEOの影響が少ないので、キーワードはなくてもOK。分かりやすい段落構成のために使いましょう。あめっくま「大見出し」「中見出し」にキーワードを入れることを意識しましょう。キーワードの入れ過ぎは逆効果検索エンジンで上位表示したいからといって、見出しにキーワードを入れ過ぎると逆効果になることもあります。不自然な記事として検索エンジンからペナルティを受け、検索画面上で記事が表示されなくなります。見出しはその段落に書いてある内容の要約です。見出しだけを並べて読んだ時に、記事内容が分かりやすく伝わるのが理想。キーワードを入れ過ぎて不自然な記事にならないように注意しましょう。くますけ不自然な見出しはやめた方がいいんだね。見出しを「hタグ」で作るのがルール見出しは「hタグ」で作るというルールがあります。検索エンジンはHTMLコードで記事を読み、「hタグ」で作成した見出しを優先して確認します。あめっくまもちろん当サイトの見出し素材は、全て「hタグ」で作成しているので安心です。「div」や「fieldset」タグで見出しを作るのはNG「divタグ」は囲み枠、「fieldsetタグ」は申込フォームで使うHTMLタグです。見出しのような見た目にもできますが、「hタグ」ではないので検索エンジンが見出しと認識できません。つまり「divタグ」「fieldsetタグ」で見出しを作っても、SEOの効果はありません・・・アクセス数で不利なので、見出しは必ず「hタグ」で作成します。「divタグ」「fieldsetタグ」などで作った見出し素材を紹介する質の低いブログもあるので注意したいですね。くますけ見出しは必ず「hタグ」で作るんだね。あめっくま「divタグ」「fieldsetタグ」で見出しを使っている人は、今すぐ「hタグ」に切り替えましょう。見出しの関連記事一覧メインサイトの「アメブロメーカー」では、350種類以上の見出し素材を用意しています。メインサイト見出し素材【厳選350種】アメブロ用の見出し素材・デザイン!人気この初級編ブログでも一部を紹介しています。初級編ブログの関連記事見出し素材・シンプルな見出し(線・罫線・ラインタイプ)・目立つ見出し(枠・ボックスタイプ)・かわいい見出し(ピンク系・水玉・チェック柄)・おしゃれ・かっこいい見出し(ストライプ・グラデーション)見出しの知識・見出しの作り方・使い方・注意点・アメブロの見出しはSEO・集客UPに大事今ココ・見出しを好みにカスタマイズする方法・アメブロの見出しをスマホで入れる方法カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /

  • 29Sep
    • 【アメブロの見出しをカスタマイズ】HTMLでデザインを好みに装飾しようの画像

      【アメブロの見出しをカスタマイズ】HTMLでデザインを好みに装飾しよう

      この記事ではメインサイトの「アメブロメーカー」で配布している見出し素材や、この初級編ブログの見出し素材を、カスタマイズする方法を紹介します。あめっくま気に入った素材をアレンジして、お好みで使って下さい。なお、見出しの作り方・設置方法・注意点は👇の記事で解説しています。当ブログの見出し素材をはじめて使う人は確認して下さいね。アメブロ用の見出しの作り方・使い方・注意点この記事ではアメブロでの見出しの作り方や注意点を解説します。見出しは検索エンジンからのアクセスUPに欠かせない基本的な知識です。アメブロの見出しで致命的な間違…ameblo.jp\アメブロたった20記事で5万PVの手法/アメブロで資産記事を作る方法はこちら ⇒クリックできる目次 見出しの色を変更 見出し線の色を変える 塗りつぶし色を変える 見出しの文字サイズ変更 見出しの幅を文字サイズに合わせる 見出しを角丸にする見出しの色を変更色は「#1234ab」のように半角の「#6桁の英数字」のコードで表現されます。まずは使いたい色を決めて、コードを探しましょう。👇のサイトなどが便利です。WEB色見本 原色大辞典 - HTMLカラーコード色の名前とカラーコードが一目でわかるWEB色見本www.colordic.org色コードが決まったら、見出しのHTMLコードを一部書き換えます。見出し線の色を変える例えば下記の枠線見出しの場合見出しの色を変える<h2 style="border: 3px solid #fca60d; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>「border: 3px solid #fca60d;」の「#fca60d」が色を決めています。(borderは線の意味)これを下記のように変更しました。見出しの色が変わった<h2 style="border: 3px solid #008080; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>色のコードが「#fca60d」から「#008080」に変わっていますね。線は「border」で表現されるので、「border: ;」の色コードを変えると好きな色に変更できます。見出しの塗りつぶし色を変える背景が塗りつぶされた見出しの場合、見出しの色を変える<h2 style="background: #f5c7ca; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>「background: #f5c7ca;」の「#f5c7ca」が色を決めています。(backgroundは背景の意味)これを下記のように変更しました。見出しの色が変わった<h2 style="background: #f5deb3; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>色のコードが「#f5c7ca」から「#f5deb3」に変わっていますね。背景は「background」で表現されるので、「background: ;」の色コードを変えると好きな色に変更できます。くますけ色コードを変えれば、好きな色の見出しを使えるんだね。見出しの文字サイズ変更当サイトの見出し素材には、文字サイズを調整するコードを入れています。例えば下記の見出しなら、コード緑線の「font-size: 24px;」という部分ですね。見出しのデザイン<h2 style="font-size: 24px; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>この「24px」の数字を変えれば、見出しの文字サイズを変更できます。実際に下記見出しの文字サイズを変更してみましょう。見出しの文字サイズを変える見出しの文字サイズが変わった<h2 style="font-size: 20px; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>文字サイズの調整も簡単ですね。「大見出し」「中見出し」「小見出し」の順に文字サイズを小さくすると、バランスが取れた記事となります。もちろん「中見出し」にする時は「<h2>~</h2>」を「<h3>~</h3>」に、「小見出し」にする時は「<h2>~</h2>」を「<h4>~</h4>」にしておきましょう。あめっくま「大見出し」「中見出し」「小見出し」で文字サイズを変えて使って下さい。見出しの幅を文字サイズに合わせる例えば「中見出し」「小見出し」を文字サイズに合わせた幅で利用する場合に使える方法です。見出しのコードに下記を加えて下さい。display: inline-block;例として先ほどの文字サイズを小さくした見出しの幅を調整します。見出しの幅を調整する<h2 style="font-size: 20px; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>このコードに「display: inline-block;」を加えます。見出しの幅が文字量で変わる<h2 style=" display: inline-block; font-size: 20px; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>幅が狭くなりましたね。中に書く文字の量に応じて、幅が自動調整されます。くますけ文字サイズと幅を小さくすると、「中見出し」や「小見出し」として使いやすいね。見出しを角丸にする見出しの4隅を丸くする方法です。見出しのコードに下記を加えて下さい。border-radius: 10px;「10px」の数字を変更すると、丸みの調整もできます。(数字が大きくなると丸みが強くなります)実際に下記見出しの4隅を角丸に変更します。見出しを角丸に変える<h2 style="background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>このコードに「border-radius」を加えます。見出しが丸くなった<h2 style="border-radius: 10px; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; padding: 0.5em 0.7em;">見出しのテキスト</h2><p>&nbsp;</p>丸みを出すと優しい印象となりますね。あめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。見出しの関連記事一覧メインサイトの「アメブロメーカー」では、350種類以上の見出し素材を用意しています。メインサイト見出し素材【素材数No.1】アメブロ用の見出し素材・デザイン!人気この初級編ブログでも一部を紹介しています。初級編ブログの関連記事見出し素材・シンプルな見出し(線・罫線・ラインタイプ)・目立つ見出し(枠・ボックスタイプ)・かわいい見出し(ピンク系・水玉・チェック柄)・おしゃれ・かっこいい見出し(ストライプ・グラデーション)見出しの知識・見出しの作り方・使い方・注意点・アメブロの見出しはSEO・集客UPに大事・見出しを好みにカスタマイズする方法今ココ・アメブロの見出しをスマホで入れる方法カスタマイズ記事一覧\ 本格的アメブロ攻略サイト /\ Twitterだけの有料級情報あり /