
処理オーバーによる一時的なサーバー停止やメンテナンス中などの場合は、503エラーを返しましょう。ユーザーにはメンテナンスページを表示させ、検索エンジン側には一時的な事態であると示す必要があります。メンテナンスページを準備するだけだとステータスコードが200のままとなり、その状態をインデックスされてしまいます。

GoogleAdsenceの広告が制限され、表示されなくなりました。原因は「無効なトラフィックの問題」で通常とは違うバナークリックのアクションがあったと判断されています。今回は10日程で自動解除になりましたが、怪しい動きがないか分析をしておいた方がよさそうです。

cssのbox-sizingでborder-boxが設定されているとテキスト系の画像がぼやける場合がある。content-boxの場合、要素のpaddingやborderはwidth・heightに含まれないので、画像はサイズ通り映る。border-boxの場合、要素のpaddingやborderはwidth・heightに含まれるので、その分画像サイズが小さくなりぼやける。

Instagram Graph APIは、Facebook管理者ページの中で使えるAPIツールです。Instagram情報へのアクセス許可設定やアクセストークン、ビジネスアカウントIDなどを発行できます。設定するためには、InstagramのプロアカウントとFacebookページへの連携が必要です。

インスタグラムのアカウントをプロアカウント(旧ビジネスアカウント)に変更する方法をご紹介します。プロアカウントはカテゴリによってクリエイターアカウントかビジネスアカウントに分けられます。アクセス解析などの機能が利用でき、InstagramをWEBページに埋め込むAPIも使える様になります。

iPhoneでWEBサイトの画像イメージが見えない場合は、画像の遅延読み込み設定を許可していない可能性があります。Safariの設定メニューからExperimental Features(英語)の設定を確認してください。「Lazy Image Loading」をONにすると画像が見えるようになる場合があります。

モーダルウィンドウ(modal window)を実装する方法をご紹介しています。javascriptによるモーダルウィンドウはオリジナルjsやJqueryを使ったものがあります。CSSのみで実装する場合はウィンドウボックスにid属性を付け、指定された属性の:targetのスタイルでコントロールします。

一度送った送信済みメールは未送信にするなどその状態を変更する事ができません。メールソフトには送信済みメールを再送する機能がありますのでそれを使って再送しましょう。Gmailには送信済みメールを再送する機能がありません。

transparentは要素を透明にするプロパティです。部分的に透明にする事で下の要素を表示させる事ができます。非表示ではないため、marginやpaddingなどの余白も含めて常に存在します。<背景色を透明にしたりテキストやborderを透明にする事で、様々なデザインを作る事ができます。

メーラーデーモンが大量に届く様になったら、それはメールが乗っ取られた事を示します。そのままにしているとメールの送信もできなくなるので、一刻も早くメールパスワードを変更して下さい!そして共通パスワードを使っているログイン情報も全て変更して下さい。他のツールが乗っ取りに遭う場合もあります。

clip-pathプロパティはベースとなる要素を切り取る事ができ、切り取り範囲に沿ってテキストの回り込みが発生します。外周や円形、楕円形、多角形以外にもSVG画像を使えば複雑な形に切り取る事ができます。基本的にリンク範囲も切り取りされた箇所に変化します。

tableデータの量が多い場合、th見出しタグを固定すればスクロール時にデータを把握しやすくなります。thタグは縦方向・横方向・複数見出しの固定が可能です。一般的にはposition: sticly;が使われますが、flexboxを使った固定方法もあります。

ロリポップレンタルサーバーならスタンダードプランやハイスピードプランがお勧めです。月額500円でLightspeedによる高速サーバーを実現できるところは他にそうありません。無料SSLやプラン変更、Wordpress簡単移行の機能も備えてありコストパフォーマンスが高いサーバーです。

Googlemapにおいて特定の地点間の距離を測る事ができます。パソコン版では自分の場所に関係なく、複数地点間の合計距離が測れます。iPhoneの場合地点間の固定ライン+MAPの中央までの追随ラインが距離に含まれます。

混合コンテンツの原因は.htaccess上のエラーページURLが「http」通信だった事。Google Chromeのコンソールでは画像リンク切れ時に404エラーを読み込まないが、新EdgeやFirefoxコンソールでは画像リンク切れ時に404エラーを読み込む

BASIC認証を掛けたディレクトリ内にあるファイルは外からSSIで読み込む事ができずにエラーとなります。この場合SSI対象の読込ファイルをBASIC認証の外に出してやれば読み込みできます。認証エリアから外のファイル、或いは同じエリア内のファイルを読み込む事はできます。

Instagramには投稿を埋め込むコードはPCブラウザでのみ表示されます。埋め込みコードはその投稿のみに固定され、更新はされません。APIツールを埋め込めば情報が自動で更新されます。提供サービスは有料が多いです。

ユーザーエージェントとは、WEBサーバーへのリクエストの際に明かす自身側の端末情報を示す文字列の事です。文字列にはOSやブラウザなどの閲覧側のプライバシー情報が明記されています。このユーザーエージェント情報は簡単に偽装できるので、固定化・凍結される方針です。

Googleフォト、Gmail、Googleドライブデータのポリシー変更により、2年経過後全て未使用の場合は全データ削除、部分使用の場合は未使用サービス内データのみ削除、容量超過のままの場合は使用サービスに関わらず全データ削除されます。

2021年4月から料金表示は税込の総額表示方式が必須となります。あらゆる媒体でそれが義務付けられますのでWEBサイトの料金も当然更新する必要があります。クライアントに早めに提案をして準備するようにしましょう。

2021年の目標は、親に感謝し続ける事ができる様に日々の仕事を頑張る事。無償で辛抱できる様に心・精神を鍛える事。自分の身近な人に思いをつないでいくぐ事。以上3つです。

テキストを1文字ずつ表示したり特殊なアニメーション演出で表示(消去・ループ)させるとカッコいいですよね。ページ上部のタイトルテキストなどに適用すればデザイン性が上がります。タイプライター的な演出や、消去する文字の操作、HTMLソースの挿入などができます。

サクラエディタで背景を黒、文字を白に反転させる方法をご紹介します。こうしておくと、通常の状態より目が疲れにくくなるのでお勧めです。色を反転できる箇所とできない箇所とありますので注意しましょう。

サーバー移転時にWEBサイト上のsvg画像が表示されなくなる場合があります。それはWEBサーバーのContent-typeが未定義であるためです。.htaccessに定義する事で表示されます。AddType image/svg+xml .svg .svgzと追記して下さい。

SEOキーワードの競合(バッティング)とは、同じキーワードやタイトルを複数ページに設定する事です。身内ページ同士でランキング評価を奪い合い・分散させているので、評価は高くなりません。キーワードの競合をなくし、本当に担当すべきページにのみ設定する事でSEO効果が出ます。

ローカルSEOに挑むには大手サイトに登録するだけでなく自身のWEBサイトとコンテンツが必要です。WEBサイトでどれだけ地域に貢献・密着をしているかをアピールする必要があります。地域限定イベントやFAQ、オリジナルの完全ガイドの様なコンテンツを作る事でローカルSEOの評価が上がります。

GoogleカレンダーをiPhoneなど別のデバイスで同期する方法をご紹介します。iPhone純正カレンダーアプリか、GoogleカレンダーアプリならGoogleアカウントを使って同期ができます。ToDoリストは純正カレンダーアプリでは同期できないので、GoogleカレンダーアプリかToDoリストアプリで同期します。

タグの各属性や属性値に対して、idやclass属性を付けずにCSSでスタイル設定をする事ができます。属性値の条件指定や複数属性スタックの機能もあり、コード量の節約・管理のしやすさにつながります。様々な属性に適用でき、HTML上のインラインスタイルを上書きする事もできます。サイトの検証にも利用できます。

PHP7の環境に旧バージョンのシステムを移設した際に様々なエラーが出る場合があります。PHP7では「mysql_関数」系が使えない事がメインのエラー要因です。今回はPHPの標準モジュールである「MySQLi関数」に各箇所を置き換えて対処しています。

iPhoneのマークアップ機能は、画像の上に手書き文字や図形・テキストなどを乗せて装飾する事ができる機能です。画像は装飾された状態で保存できますし、オリジナルの画像にいつでも戻せます。装飾は一つずつ選択・削除ができるので何度もやり直し可能です。

SXOとは検索エンジンに対してではなく、ユーザーの検索体験に対して最適化をおこなうSEO対策です。検索エンジンのランキング評価だけではユーザーを100%満足させていないため、そのズレを修正する事が目的です。ユーザーの真のニーズを掴むのはもちろん、WEBサイト自体の快適さ・使いやすさもランキング要素になります。

Wordpressの投稿・固定ページの画面における小技です。基本仕様となるpタグの自動挿入機能が邪魔になる場合に、その機能を停止する方法です。・固定ページのみ・投稿ページのみ・固定ページのテンプレート別・複数の投稿タイプなどの指定ができます。

affix、sticky、flexboxで固定サイドバーを実装したサンプルをご紹介しています。基本的にはposition:stickyを使うのが無難でしょう。bootstrap4には固定を指定できるユーティリティが用意されています。いずれもPC版専用であり、スマホ版では機能を解除していますので固定はされません。

CLSはSEOコアウェブバイタル指標の一つで、画像読込などによるレイアウトのずれの度合いを数値化したものです。結論、imgタグに幅と高さの指定をすればCLS数値は少なくなる事が検証できました。あらかじめサイズ指定をしておけば、その表示スペースが最初から確保されるのでレイアウトがずれないためです。

CSSのattr関数を使うと、本来CSSのcontent:で記述する文字情報をHTMLの中から読み込む事ができます。attr関数を使う事でCSSの本文であるデザインと構造の分離が守れます。HTMLソースを計量化でき、修正などもHTML側だけで済み、CSS管理もしやすくなるメリットがあります。

Wordpress5.5へのバージョンUP後にお問い合わせメールの件名が文字化けする現象を確認。これは「WP Multibyte Patch」日本語プラグインが影響しています。プラグイン内の日本語版設定ファイルを別位置にUPして上書きすれば、プラグイン自体をOFFにする事なく解決します。

Google Search Consoleのインデックス登録リクエストが使えない状態が10月14日から続いています。更新したページの再インデックスには最終更新日を付けたサイトマップを送信するだけで反映します。ですのでインデックス登録リクエストの申請が使えなくても問題はありません。

画像を使わずにCSSのみで背景パターンを構成する方法を7つのサンプルを使って紹介しています。ポイントはrepeating-linear-gradient()やlinear-gradient()を複数重ねる事です。その際重ねる位置をずらしたりtransparentで背景を透明にする事で、様々な模様が構成できます。

2020年9月18日より日本のグーグルマップに「自転車ルート」による経路機能が追加されました。東京、神奈川、大阪、愛知、埼玉、千葉、兵庫、北海道、福岡、静岡の10都道府県で利用可能になっています。便利にはなりましたが自転車に乗りながらGooglemapを見ない様、スマホは固定するか「ナビ機能」を利用しましょう。

CSSとjavascriptを使ってインタラクティブなラジアルトグルメニューを作ります。scale(0)とscale(3)を行き来して円形メニューを拡大・縮小し、rotate(45deg)とrotate(0)を行き来してプラスマークを回転させます。メニューとなるアイコンや画像はscale(3)の時に原寸になる様、元設定では3分の1でサイズ設定をしましょう。

グーグルマップが表示されないのはAPIキーが設定されていないからである事が多いです。Google Cloud PlatformでAPIキーを発行する事ができますが、無料ではなく一定表示数以上は課金されます。APIキーには利用ウェブサイトやAPIの制限を掛けるべきです。

ネットオウルからドメインキングへのサーバー移転案件を請け負いしました。しかし実際はドメインやデータの移設は完了しており、ウイルス感染が原因で表示されていない状況です。結果移設作業をせずウイルス感染場所を修正する事で表示されるようになりました。

CSSのみで作るレスポンシブル固定ヘッダーメニューの作り方をご紹介しています。基本はスマホ版から作り、min-width: 680pxでPC版・タブレット版の設定を後から掛けています。メニューのスライドは画面端から真正面へ移動する動きをCSSで滑らかにしているだけ、PCやタブレット版のメニュー配置はgrid-areaを利用しています。

Emotetは知人とのメールのやり取りの返信という形を装って添付ファイルを送ってきます。メールの宛先や過去のメール履歴なども模倣してくるので、一見見分けがつかない特徴があります。メール内容をまずは確認する事、そして添付の文書ファイルの「コンテンツの有効化」ボタンは押さないようにしましょう。

モンティホール問題は勘違いが起きやすい条件付き確率の代表例です。確率は半々ではなく、箱をチェンジした方がチェンジしない場合よりも当たる確率が2倍高くなります。どんなに母体数が多くてもハズレが除外され当たりとハズレの箱が1対1になるところが重要です。

Googleのローカル検索に表示されるためには、マイビジネスをきちんと設定する事、口コミやコメントをもらってそれに対し返答する事、SNSを運営してできるアクションを起こす事、地域への活動をPRする事・地元の堅実なWEBサイトからのリンクをもらう事などが必要です。

javascriptでレスポンシブルデザイン対応のナビゲーションメニューを作る方法を紹介します。メニューが上下に展開される動作は、CSSのtranslateY();、easing、opacityプロパティが担当しています。javascriptは、ボタンを押した時にtranslateY();などの数値を変更したactiveクラスを付け外しするために使われています。

オリジナルの自作テーマでカスタム投稿記事一覧ページにページネーション機能を付ける方法をご紹介しています。最新記事を表示させたまま、次の10件・前の10件という形で下に見出しリンクを表示します。ページの下にarchive-○○〇.phpのソースコードを丸ごと紹介しています。

ローカルSEOは地域密着型ビジネスサービスを展開する場合に大切なSEOです。「行く」「買う」「解決する」などユーザーに即時直接行動を取らせるため、成約率が高くなります。ユーザーは常に情報の真偽を確かめますので、その店舗やサービスの情報が常に正しいかどうかが検証されています。

サイト内検索はサイト全体を対象にした検索方法が豊富にあります。Googleカスタム検索(Chromeプラグイン)、siteコマンド検索、リンク切れチェックツール(Wordpressプラグイン)、独自検索エンジン登録などです。Googleのインデックス情報をもとにした検索は生データの検索ではないので注意しましょう。

例え料金の安い保守契約であってもサーバー維持管理を担当していなくても、WEBサイトは1日1回見るべきです。今回の様にWEBサイトが映らない事にしばらく気づかないのは業者として恥ずかしい事です。自分の健康管理には多いな責任があります。健康でいる事も業者としての品質の一つです。

XMLhttpRequestオブジェクトは、ページを再読み込みせずにデータの送受信をおこなえる便利な機能です。対象データはtxt形式・XML形式・json形式と様々なデータをやり取りする事が可能です。取得したデータを抽出したり加工したりする事でパフォーマンスを維持しつつ自在にデータを操作する事ができます。

本記事ではhtmlとCSSのみで作る帯グラフ(棒グラフ)、javasciptライブラリを使った棒グラフの実装方法を紹介します。HTMLとCSSでの手作りも良いのですが、ライブラリが豊富にあるのでそちらを使った方が簡単に実装できます。最近のライブラリであれば、レスポンシブルデザインに対応している事もメリットです。

PDF形式でもらった表データをhtmlのtableタグソースに変換する方法をご紹介します。一旦Wordに変換し、Excelのセルにコピペ、WEBツールでhtmlソースに変換する流れです。PDFはアウトラインのものでも変換される事が多く、大変便利です。

CSScontainmentは動的コンテンツの内容変更による再レンダリングの負担を軽くする機能です。開発者がCSSを使って封じ込めする要素をブラウザに指示する事で、再描画パフォーマンスを向上させる効果があります。封じ込めには通常以外に、描画させない封じ込め、サイズ的な封じ込め、スタイル的な封じ込めなどがあります。

Google Fontsを利用する際も細かい工夫を重ねる事でWEBパフォーマンスをさらに向上させる事ができます。Google Fontsは常にユーザー環境・ブラウザに応じた最適な形式を提供する機能・キャッシュ機能が搭載されています。基本は全てのバリエーションではなく、部分的に限定して利用する事です。

CDNサービスを利用していればオリジンサーバーの代わりにキャッシュサーバーがDDoS攻撃を受けてくれます。正常なユーザーアクセスを妨げる事もなく、サーバー運営コストの削減や負荷軽減につながります。しかしキャッシュサーバーが攻撃を受けるため、CDN側の責任は重大になります。

コンテンツ配信ネットワーク(CDN)にはパフォーマンスを向上させる機能があります。ファイルを圧縮したり、TLS1.3・HTTP/2(HTTP/3)、画像を最適化したりコード自体を縮小化するなどの方法です。これらの設定を使わないままの管理者が多く、パフォーマンスUPの機会を失っていると言えます。

CDNとは本来のサーバーよりも距離が近いサーバーネットワーク上からキャッシュ情報を表示してパフォーマンスを向上させる仕組みです。トラフィックが急増した時なども本来のサーバーへの負担を軽減できますし優れたキャッシュ管理能力で通信品質を維持できます。CDNはパフォーマンスを維持しつつ、常に1拠点当たりのキャッシュ量を増やす事が評価につながります。

プログレッシブJPEGは、ピクセル数が大きく荒い画像を一旦表示し、その後鮮明な画像を読み込む形式です。プログレッシブJPEGのバイト数のみを先にロードし、鮮明な画像の表示時に残りをロードするアイデアを紹介しています。WEBパフォーマンスを向上させる新しい画像遅延読み込みであり、SEOの観点からもブラウザ実装を期待します。

CSSのセンタリングに関する記述方法をまとめています。水平方向のインライン要素・ブロック要素、垂直方向のインライン要素・ブロック要素、さらに水平垂直方向のインライン要素・ブロック要素という流れです。それぞれ単一要素・複数要素のバリエーションまで紹介しています。

カスタム投稿タイプを設定する方法にはプラグインを使う方法とfunctions.phpに直接書く方法とがあります。どちらの方法を使う場合も、一覧を表示する機能をONにしないと一覧ページは表示されません。基本テンプレート名+「-スラッグ名」を付けた別名phpを作ると通常テンプレートとは別に管理できます。

WEBサーバーのIPアドレスはhostsファイルの編集を行う際によく調べます。IPアドレスを調べるにはドメイン名ではなく、移転先のWEBサーバーアドレスを調べる必要があります。IPアドレスはWEBツールで調べる方法とコマンドで調べる方法とがあります。

AVIF画像は様々な可能性を秘めた高い圧縮率を誇る画像フォーマットです。もともとはロイヤリティフリーの映像コーデックの静止画版として開発されています。AVIFはHDRカラーをサポートしており、アルファチャンネルやアニメーションにも対応します。

YMYLやE-A-TはGoogle品質評価ガイドラインに明記されているランキング要因です。GoogleはE-A-TやYMYLの要素を通して常に正確な情報を提供し、ユーザーを誤った方向に導かないように努めています。そのため独自の厳しい基準をクリアしたコンテンツのみが上位表示される仕組みになっています。

無料で使えるオンラインストレージサービスであるGoogle DriveをWEBサーバーとして利用する事ができます。公開できるのはHTML・CSS・JSなどの静的ページのWEBサイトだけです。独自ドメインのDNSレコードを追加して紐づけが必要です。

javascriptによるリダイレクトはブラウザで実行される機能です。サーバー側HTTPリダイレクトが使えない場合の対応です。301リダイレクトではないので、ページ価値を100%転送先へ継承できません。リダイレクトコード生成ツールを使えば、アクセス解析のリダイレクト元記録を外したりリファラーURLを継承したりできます。

WEBページにfacebookページのプラグインコードを埋め込んでも表示れない場合は、URLのミス・「公開範囲、国別制限、年齢制限」が掛かっている・個人アカウントのページではないかの以上3点に注意しましょう。プレビューでも映らない場合は3つのどれかが影響しています。

HTMLでimgタグに直接widthとheightの数値を入れる事はSEO上重要です。各ブラウザが直接記述とCSS設定を併用する新しい機能を導入した事で、ページ読込速度の向上とコンテンツ移動防止が可能になったため、GoogleがSEOのランキング要因に採用した事が理由です。

今回はSF映画で出てくる様な光沢のあるアニメーションパネルの紹介カードをHTMLおよびCSSで設計します。本記事を通してFlexboxの基本やネストされたFlexbox、CSSアニメーション、境界線、シャドウ、その他使用されるCSSプロパティについておさらいしましょう。

データを取り出す場合は取り出し専門の業者(少ない)を探しましょう。悪徳業者に注意してください。他業者と比較させないように仕向けてきますが、毅然とした態度で決めましょう。普段からデータを置いている位置は把握しておくと便利です。データは100%復旧できるものではないので、それでも買い取るかどうか決める必要があります。

WebPは、Googleが開発した画質を維持しつつファイル圧縮率を高める事ができる新世代の画像フォーマット。JPEGの非可逆圧縮とPNGの可逆圧縮を併用できるので「精密な画像データでかつ背景透過の状態」でも効率的に圧縮できます。WebPに変換すればWEBサイトの表示速度は格段に速くなるのでSEOに非常に有利です。

CORS(Cross-Origin Resource Sharing)とは、本来同一生成元ポリシー(セキュリティポリシー)によるリソース利用制限を一部解除する手段です。ブラウザとサーバーとが通信をするHTTPヘッダーに追加する事で、同一生成元の範囲に入れるか入れないかを設定できます。HTTPヘッダーが変更された場合にはプリフライトリクエストが可能ですし、その情報を一定期間保存する事もできます。

クロスドメインとはWEBサイトが2つ以上のドメインをまたいで運営されている状態です。商品ページとショッピングカート部分でサイト間を行き来する場合や、ページ内でコンテンツや画像など外部のリソースを直接利用する場合もそうです。javascript等プログラムコンポーネントで外部サイトのソースを活用する事は制限されていますが、双方の同意があればCORSなどで解除する方法があります。

SEOの重要な要素ではあるものの、なかなか獲得が難しいのが「被リンク」です。本記事では7つの被リンクを獲得する方法を詳しくご紹介します。どれを取っても簡単なものはありませんが、上質な被リンクが獲得できる可能性がありますのでぜひ実践してみて下さい。