コピー2018.07.24突然ですが、下の2枚の画像。何が違うのか?分かりますか?今回は、上の2枚の画像が全く別物であることを教えてくれる「alt属性」についてご説明します。ブロガーさんやウェブサイトの制作者、企業サイトのウェブ担当の方は必見の情報ですのでご覧ください。この記事の内容を知ることによって、ブログへのアクセス数が増えたり、自分のサイトが検索エンジンで今までよりも上位に表示されるようになったりします。画像を選ぶWordPressや他のブログサービスの場合まとめalt属性とは?ブログの画像にalt属性を付与するメリットそもそもalt属性ってなに?という方がほとんどだと思います。ブログ歴〇年という方でも、はじめて聞いた方がいるかもしれません。それくらいマイナーな情報になります。alt属性とは、ブログやウェブサイトに使用する”画像”に「名前」を付けることです。デジカメやスマホで撮影した写真、それからパソコン内に保存している画像には、いつ・どこで撮った写真かわかるようにするために、それぞれの画像に名前を付ける方が多いのではないでしょうか?これと同じことを、ブログに載せる画像ごとに行います。「この記事は〇✖について解説されている」といった情報を読み取って検索順位の参考にしています。同じページ内の画像については何の画像が掲載されているのかを判断できないと言われています。文章は読めるけど、画像の認識は得意ではないのです。ところが、ブログに掲載する画像にalt属性を設定することにより、検索エンジンがあなたのブログを巡回した際、「このブログには〇〇の画像が載せられているんだな」と判断できるようになります。これにより、あなたのブログの検索順位が上昇し、検索エンジンからのアクセスを集めやすくなるんです。文章でしか判断できなかった記事の内容に加えて「画像の名前(alt属性)」という情報が追加されるため、よくわからない画像(alt属性未設定)を載せているブログよりもより詳しいブログだと判断されるからです。同じテーマについて書かれたブログが2つあり、書かれている内容が同じくらいの詳しさで、さらにブログ内に使われている画像の枚数も同じだった場合は、画像にalt属性を設定しているブログの方が検索順位が上になります。alt属性を付与することで何の画像なのか明確になるため、画像検索をした際にはあなたのブログで使われている画像が検索結果に出てくるようになります。その結果、画像検索からブログへ訪問してくる人の数が増える効果もあります。alt属性を設定する方法それでは本題の、alt属性を設定する方法です。はてなブログを利用しているので、はてなブログで説明していきます。画像を選ぶまずは画像を選びます。記事に貼り付ける画像を選ぶのですが、その際、「貼り付け時に詳細を設定する」にチェックを入れておきます。「貼り付け時に詳細を設定する」をチェックした状態で「選択した画像を貼り付け」をクリックすると、次のような画面が出てきます。「画像にalt属性を指定する(上級者向け」にチェックを入れてください。チェックを入れるとalt属性の入力蘭が出てくるので、画像の内容を説明するような単語やキーワード、短い文章を入力していきます。画像」と入力しておきました。坊主」と検索された際、確実ではありませんが僕の画像が検索結果に出てくるようになります。イケメンの坊主画像を探している美女が僕の坊主頭に興味を持ってくれれば、きっと僕のブログに訪問してくれるはずです。あとは「記事編集画面に貼り付ける」をクリックした後、ブログを公開すればOKです。ところで、ブログを書いている画面では、画像にalt属性を設定したかどうかを簡単に見分けることができません。ためしに「alt属性の設定あり」「設定なし」の画像を貼り付けてみましたが、このとおり。見分けがつかないですね...。やってHTMLモードにすると、一目瞭然。画像」の説明が入っていますが、altを設定していない下の画像のHTMLでは特に何も説明されていないことがわかります。この「画像の説明(alt属性)の有無」が積もりに積もって、将来的にはアクセス数の大きな差となって現れるようになります。WordPressや他のブログサービスの場合はてなブログと同じように、WordPressや他のブログサービスでも画像にalt属性を設定できます。WordPressの場合はメディア追加時に「代替テキスト」の欄にalt属性を設定してください。ライブドアブログの場合はアップロード画像に付けていた名前がそのままalt設定になります。画像にalt属性を付け加えたい場合は、ブログにアップロードする前に一旦パソコン内などに保存し、画像の名前を変えてからアップロードすると良いでしょう。いちおうHTML編集モードからもaltを変更できます。“」に囲まれた部分を編集してください。FC2やアメーバブログなど、他のブログサービスも似たような方法でalt属性を設定できます。まとめひと手間加えてalt属性を設定することにより、ブログへのアクセス数が増えたり検索順位が上昇したりします。画像ごとに設定するのは大変ですが、検索順位に影響する大事な設定ですので面倒くさがらずに設定してみてください。当ブログではじめて「はてなブックマーク」が100個を越える記事が誕生したので、色々と起こったことについてまとめてみました。5月29日に投稿した下記の記事がブックマーク100個以上、Twitterでのシェア20回以上に...ブログノウハウ【はてなブログ5カ月目】ギリギリのところで2万PVを維持。収益はAmazonセールのおかげで過去最高を更新ブログの運営開始から5カ月が経過したので、アクセス数や読者登録数、収益がどのようになったのかメモを残しておきます。8...ブログノウハウスマホアプリの紹介ツール「アプリーチ」の使い方とCSSの設定・カスタマイズ方法このブログでは、ときどきスマホアプリの紹介をすることがあります。その際「アプリーチ」というツールを使っているので、今回はアプリーチの使い方やCSS(デザイン)のカスタマイズ方法について解説します。記事公開後、意外とたくさんの反響がありました。「女性のアイ...ブログノウハウはてなブログからWordPressに引越し!引越し手順とつまずいたポイントこれまで1年ほどはてなブログの有料プランで雑記ブログを運営してきましたが、有料プランの契約期間が切れるのでWordPressに引越しました。主な引越し手順は次のとおりです。サーバーにドメイン...ブログノウハウブロガーを狙った詐欺にご注意!注意しておきたいウェブ担当者からの記事執筆依頼について当ブログには「お問い合わせフォーム」があり、ありがたいことに広告記事の執筆依頼や広告提携のお問い合わせ、読者の方からの質問がときどきあります。(id:rupannzasann)さん必ず効果があります...とは言えませんが、altのことを知ってる方も実際に設定している方も少ないので、やればそれだけで他の方と差別化できると思います。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。筆者プロフィール埼玉県に住む雑記ブロガー。最近はてなブログから引っ越してきました。「働きたくないでござる!」を実現するために日々情報収集&情報発信しています。約20円でできるツバメの巣対策2018.03.312019.04.26働かないニートは罪なのか?日本国憲法と軽犯罪法違反、ニート罪の事例から2018.07.182019.04.21AI(人工知能)による政治のメリットとデメリット。致命的な問題点と特徴をアニメBEATLESSを元に解説!2018.08.142019.11.23エロ画像の収集にも便利!画像一括ダウンロードツールを紹介するよ!(ウェブサイト版、Twitter版)2018.05.24ツイッターの量産型スパムアカウントを削除・凍結させる効果的な方法。日本の飛び級、飛び入学制度の実態。日本の飛び級、飛び入学制度の実態。埼玉県に住む雑記ブロガー。「働きたくないでござる!」を実現するために日々情報収集&情報発信しています。カレーとラーメンが好きな見習いプログラマー。このブログの筆者をフォローする注目記事ツイッターの量産型スパムアカウントを削除・凍結させる効果的な方法。通報の手順を解説!2018.09.08走り高跳びの種類と特徴。筆者プロフィール埼玉県に住む雑記ブロガー。最近はてなブログから引っ越してきました。「働きたくないでござる!」を実現するために日々情報収集&情報発信しています。約20円でできるツバメの巣対策2018.03.312019.04.26働かないニートは罪なのか?日本国憲法と軽犯罪法違反、ニート罪の事例から2018.07.182019.04.21AI(人工知能)による政治のメリットとデメリット。致命的な問題点と特徴をアニメBEATLESSを元に解説!2018.08.142019.11.23エロ画像の収集にも便利!画像一括ダウンロードツールを紹介するよ!(ウェブサイト版、Twitter版)2018.05.24ツイッターの量産型スパムアカウントを削除・凍結させる効果的な方法。日本の飛び級、飛び入学制度の実態。日本の飛び級、飛び入学制度の実態。タイトルとURLをコピーしました。