Webサイトリリース前に確認すべきSEO内部施策10項目をご紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作事業部WebディレクターのZIMAです。 みなさん、SEO内部施策やってますか？ やっていないわけないですよね。しかし「どこまでやってますか」と聞かれると……困っちゃう人多いのではないでしょうか。 実は自分もどこまでやればいいんだろう？ と思って、我らがづやさんに聞いてみたところ「ふむふむ、それなら、 ちょうどいいの作ってるから、勉強がてらZIMAがつくってみてよ」と、ひょんな流れから私がLIGのSEO内部施策チェックリストを作成することになりました。 せっかくなのでブログにして自分の学びをみなさまに共有したいと思います！ そもそもSEO内部施策ってなんだ？ Webサイトの中身をGoogleなどの検索エンジンに正しく伝えたり、ユーザーがストレスなく利用できるようユーザビリティを向上させるための施策のことです。 世界中のWebサイトをクローリングしているのは簡単に言えばロボッ
Googleフォントをサブセット化してページの読み込みをスムーズに
2023年6月8日 Webサイト制作, 便利ツール おしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね？登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量が大きくてページの読み込み速度に影響が出てしまいます。そこで必要なフォントのみを指定できるサブセット化をしてみましょう！ ↑私が10年以上利用している会計ソフト！ Googleフォントの設定 まずは通常通りGoogleフォントを設定しましょう。GoogleフォントのWebサイトから、今回は例として「Kosugi Maru」というフォントを設定したいので検索。一覧から「Kosugi Maru」をクリックします。 続いて見本の右側にある「Select this style」をクリック。 HTML 画面右側に選択したフォントが表示されます。「Embed」タブをクリックしてコードを取得しましょう。
「Warning: Cannot modify header information…」エラーの解決方法[PHP]
まえがき phpで外部のページに飛ばしたい時とかに重宝する「header(“Location:○○”)」ですが、この前この関数を使用した時に「Warning: Cannot modify header information – headers already sent by ・・・」という見たことのないエラーが表示されました。 「header(“Location:○○”)」でエラーなんて出たことなかったので焦りましたが解決したので覚え書きです。 「Warning: Cannot modify header information・・・」エラーの原因 「Warning: Cannot modify header information・・・」エラーは考えられる原因が2つあります。 原因1「header()」関数の前に出力や改行 KoToRiはまさにこれが原因でした。 「header()」関
![「Warning: Cannot modify header information…」エラーの解決方法[PHP]](https://cdn-ak-scissors.b.st-hatena.com/image/square/253786324371084938062efc7aef2e7caa4388ce/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fphp.jpg)
[HTML] 今更だけど、ちゃんとレスポンシブな画像の設定方法を理解する。srcsetとsizesを使いこなそう。
[HTML] 今更だけど、ちゃんとレスポンシブな画像の設定方法を理解する。srcsetとsizesを使いこなそう。HTMLレスポンシブMediaQuery 世間のWebサイトをみてみると「横幅120pxのサムネイルに、1600pxの画像が使われている」ということがちょいちょいありまして、ソースコードを確認してみると ウインドウサイズが2000pxの場合の場合は800pxで表示して、スマホだと120pxで表示する。 またRetina対応をしているから、解像度の2倍が必要で、800px@2xだから、大きい方にあわせてる というパターンを結構みかけるので、あらためてimgの属性であるsrcsetとsizesについてまとめておきます。 大きい画像はファイルサイズが大きい おそらくこの記事をご覧いただく方には「何を当たり前な」と思われると思うのですが、もう少しお付き合いください。 猫のオリジナル画像
![[HTML] 今更だけど、ちゃんとレスポンシブな画像の設定方法を理解する。srcsetとsizesを使いこなそう。](https://cdn-ak-scissors.b.st-hatena.com/image/square/76d15183c3242fe1c09cd44a534ffdf1babe63cc/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSFRNTCU1RCUyMCVFNCVCQiU4QSVFNiU5QiVCNCVFMyU4MSVBMCVFMyU4MSU5MSVFMyU4MSVBOSVFMyU4MCU4MSVFMyU4MSVBMSVFMyU4MiU4MyVFMyU4MiU5MyVFMyU4MSVBOCVFMyU4MyVBQyVFMyU4MiVCOSVFMyU4MyU5RCVFMyU4MyVCMyVFMyU4MiVCNyVFMyU4MyU5NiVFMyU4MSVBQSVFNyU5NCVCQiVFNSU4MyU4RiVFMyU4MSVBRSVFOCVBOCVBRCVFNSVBRSU5QSVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MiU5MiVFNyU5MCU4NiVFOCVBNyVBMyVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MCU4MnNyY3NldCVFMyU4MSVBOHNpemVzJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJTg0JUUzJTgxJTkzJUUzJTgxJUFBJUUzJTgxJTlEJUUzJTgxJTg2JUUzJTgwJTgyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lZWQ2OGEyYTYyZmFkMWVlYmI0MTgyNDkxZmMxYWZmZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcmRsYWJvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yYzExNzQwNDhmZmM4YTU3MTVjNDA5NmU5YjEzNTBkOQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D7dbabc119a6fce6cf3ec76f724c77915)
WordPressに構造化データをJSON-LDで記述する方法 – Dream Seed
Googleの検索結果がちょっと見やすくなったりするので設定したほうがいいと言われる「構造化データ」。Search Console（旧ウェブマスターツール）を見たときに「構造化データが設定されていません」という表示が出ていてずっと気になっていたのですが、なんだか難しそうで放置していました。しかしよく調べると、Wordpressなら簡単に設定が出来るようだったので、ちょっと設定しみてました。 そもそも、構造化データとは？そもそも構造化データとはなんでしょうか？ 噛み砕くと、そのものずばり「構造化」された「データ」です。うん、さっぱりわかりませんね。 詳しくは専門のサイトなどを参照してほしいのですが、簡単にいうとコンピュータ（今回の場合はGoogleの検索エンジン）がデータ（今回はWEBサイトの情報）を理解できるようにタグ付けして記述されたものです。 記述には、「Microdata」、「RDF
さくらのサーバーでWordpressをSSL（https://）対応した時の手順10 - Design Color
今年10月からChromeでHTTP ページのフォームに「保護されていません」という警告が表示される 8月中旬に、Search Consoleから「Chrome のセキュリティ警告を示します」という件名のメールが届きました。 どうやら、今年10月からChrome(バージョン 62)でテキストフォームに入力すると、「保護されていません」という警告が表示されてしまうとのことです。 「テキストフォーム」とは、ブログでいうところの「お問い合わせ」や「コメント」、「サイト内検索」にあたるフォームが該当します。 さらに、メールには「長期的には、HTTP で配信されるすべてのページを『保護されていません』と明示することを計画しており、この新しい警告はその一環です。」とあるので、サイトをSSL(https:// )対応することは避けられない流れです。 というわけで、10月を目前に、今まで先延ばしにしていた
Fw: 職員のまじめさが役に立たない自治体サイトをつくる
2017年7月15日 著 東洋大学の山田先生がアゴラに寄稿された、職員のまじめさが役に立たない自治体サイトをつくるという記事を読みました。文字サイズの変更や音声読み上げといった、一見するとWebサイトのアクセシビリティに真摯に取り組んでいるように映るものの、実際のところそれが必須というわけでもなければ必ずしも障害当事者にとって役に立つものでもない......というのは、この覚え書きでも過去に何度か書いてきたつもりだけれど（例：文字サイズ変更ウィジェット、晴眼者がよかれと思って作ったUI？）、山田先生のようなお立場の方が真正面からそれらをバッサリ斬り捨てている様は、素晴らしいの一言： しかし「文字サイズの変更」ボタンは無用の長物である。障害を持つ利用者はブラウザでテキストサイズを変更し、検索ウィンドウに大きな文字で自治体名を入力して、自治体サイトにたどり着くからだ。自治体のサーバーで動く自動
SEO効果大！自動で記事に目次を追加しよう
今日はWordPressに目次を追加することのできるプラグインのご紹介です。目次って案外あなどれなくて、最近ではSEO効果も高く簡単に導入できるので、使わない手はないです。これを機に、導入していない人は是非いれてみてくださいね！ちなみに、このブログでも表示されている下のコンテンツ一覧のことです。 ブログ記事に目次を追加 Table of Contents Plus SEO効果が高い 実は、目次を設けるとその項目がGoogleで内部コンテンツとしてインデックスされています。まだ私のサイトでは開始したばかりで反映させられていませんが、評価が向上するとこのように表示させることが出来るようです。((これだけでは設定がたりない場合はご指定いただければ幸いです。)) SEO効果もあって、記事も見やすくなるならば導入しない手はないですね！ プラグインページ
続：レスポンシブのサイトでスマホの時だけtelリンクを有効にする ｜ Tips Note by TAM
前回の記事「レスポンシブのサイトでスマホの時だけtelリンクを有効にする」の続きです。 前回紹介した記事の記述では、単純に 「ユーザーエージェントが『iPhone』『Android』であるデバイス」のみ、 電話番号にtelリンクを設定しました。 しかし、実はこれだけでは以下のような問題があります。 ユーザーエージェントに「iPhone」を持つデバイスの中には、「iPod」も含まれる。 ユーザーエージェントに「Android」を持つデバイスの中には、「Androidタブレット」も含まれる。 電話をかけることのできないiPodやタブレットで、 電話番号にtelリンクが設定されるのは好ましくありません。 そこで、 「ユーザーエージェントに『iPhone』を持つデバイスのうち、『iPod』も含むものを除外」し、 「ユーザーエージェントに『Android』と『Mobile』を含むもの」にtelリンク
akismetを使わない簡易wordpressコメントスパム撃退法
台風が通り過ぎたというのに雨ですね～。 せっかく走ろうと思っていたのに残念です。 さてさて、ワードプレスのコメントスパム対策ではAkismetというプラグインを使用する方が非常に多いと思いますが、僕は敢えて使っていません。 それは商用サイトと非商用サイトの現在の区別がはっきりしなかったからです。 その点について2010年以前の古い記事によれば ・Akismetの使い方とAPIキー ・最強の呼び声高いブログ用対スパムプラグイン「Akismet」 etc 月500$(月6万円ほど)以上ブログで稼いでいれば個人ブログでも商用サイトとなるようですが、これが今も正しいのかわかりません。 僕は英語は読めないので、本家サイトの規約を翻訳などを駆使して読んでみましたが、結果的に今どうなっているのかよく分かりませんでした。 そのため、akismetを使わずにスパム対策をすることにしました。 その方法は、 ワ
ラクザネット
せっかくCSSで設定してる画像が子ページに入れた途端表示されなくなった！ なんて経験は無いでしょうか？ WordPressでランディングページのテンプレートを作っている時にサービスごとに、 デザインを変えたいと思いますよね？そんなときWordpressのスラッグ名を使ってCSSを設定するんですが罠があります。 その解決方法と対策をご紹介します。 無料パソコンスクール講座 WordPress・SEO・プログラミング あなたに以下のことで 悩んでないだろうか？ 「フリーランスになりたいけど稼げるか不安だ」 「クラウドソーシングや営業して稼げるか不安だ」 「転職で必要になり困っている」 「スマホはあるけどパソコンが古くて不安だ」 「広告やLINEからの集客を得たい」 「仕事でグラフや資料制作を思うように作れない」 「プログラミングを学習して副業したいけど不安だ」 「副業をはじめたが、いっこうに成
WordPressメディアサイズのカスタマイズ
2013/11/24 タグ: テーマ, テンプレート, 初心者 WordPressで挿入できるメディアサイズは下記の4種類が用意されています。 サムネイル：150×150px 中サイズ：長辺300px 大サイズ：長辺1024px フルサイズ アップロード時に各サイズにリサイズされ、画像挿入時には選択することで、生成された各サイズが配置されます。 実際に使っていると3種類よりも多くの画像サイズを選択できるようにしたいケースもあるかと思います。 このような場合に重宝するのが自由にメディアサイズを追加することができる「Simple Image Sizes」や「Additional Image Sizes」というプラグインがありますが、WordPressのバージョンアップ時にプラグインが使えなくなるのは面倒です。 今回はテーマ側でメディアサイズの追加を実装してみます。 プラグインなしでメディアサイ
【WordPress】WordPressのSSL対応（httpsでアクセスしても警告されないようにする） at softelメモ
問題 WordPressで構築したサイトに httpsでアクセスしたら、ブラウザで警告が出た！ 対策する WordPressのテーマで、ごく標準的な書き方をすると、スタイルシートのURLが「http://～」になる。 これではhttpsでアクセスすると、警告されてしまいます。 よくあるごく普通の書き方 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet
スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。 読
記事の投稿作業をしやすくする投稿画面のカスタマイズ方法いろいろ - MdN Design Interactive
今回は記事の投稿時にHTMLなどを記述する必要がある際でも、だれでも簡単にできるように投稿作業を便利にするカスタマイズ方法をいくつか紹介していきたいと思います。投稿画面内にもスタイルを適用される「editor-style.css」の設定方法や投稿時の自由に入力したい情報をボタンとして投稿できる「AddQuicktag」やビジュアルエディタのボタンを拡張する「TinyMCE Advanced」の使い方を見ていきます。 解説：（有）ムーニーワークス ハヤシユタカ WordPressではスタイルシートは基本は「style.css」に記述して作業していきます。記事を投稿する画面上では、何もしないとそのまま原稿や画像がそのまま表示されてしまいます。 Webデザイナーの人達はそれで全く問題ないですが、運用を担当されるWeb系以外の方ですと単純な文章だけの日記的なページ以外に、少し複雑なコードになると投
ポストの公開開始/終了時刻を設定する | WordPress 編
ポストを期間限定で表示したいことはしばしばあります。そして、公開終了時刻が、1月1日午前0時なんてこともあり得ます。そんなときは、Wordpress に勝手に公開の開始・終了をしてもらいましょう。 公開開始時刻の設定 ポスト編集画面の【公開】で、公開時刻を設定します。公開時刻に未来の時刻を指定すると、「予約投稿」ができます。 公開終了時刻（公開終了日）の設定 何故か WordPress は、公開終了時刻の設定ができません。たいていの CMS には付いているんだが…。ということで、公開終了時刻を設定するプラグインを紹介します。 Post Expirator ポスト編集画面で、公開終了時刻を設定します。公開が終了するとポストを「下書き」にするか、「削除」するかを選択できます。 以前バージョンでは、日本語環境だと時間が９時間ズレたり、カスタム投稿タイプには未対応だったりで、プラグインの修正が必要
SEO効果抜群のWordPressテーマを作るために抑えておくべき７つの項目
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOを最短で効率的に攻略することを考えた時、WordPressはベストの選択肢の一つだ。 最近では、検索エンジンで上位に表示されているサイトやブログのほとんどがWordPressで作られているほどで、その有効性は、Googleの検索エンジンチームのリーダーとして著名なマット・カッツ氏も認めている。 そこで本日は、SEO効果を極限まで高めるために、WordPressでブログテーマを構築する際に必ず抑えておくべきポイントをご紹介する。 ぜひ、あなたが自社でWordPressブログを構築する時の参考にして欲しい。 １．ナビゲーション構造は徹底的に分かりやすくWordPressでブログを構築する上で最も重要な事は、ユーザー、検索エンジンのクロウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
WordPress3.7から有効になる自動バックグランド更新関連フック、設定のまとめ - UKLab
nariaki-oki.com [17]