ブログBLOG

ReactとNext.jsでウェブサイトを作る

本記事ではウェブサイトの作り方に悩んでいる人に向けて、ReactとNext.jsでウェブサイトを作る方法を紹介します。 ReactとNext.jsはプログラムの道具箱のようなもので、ウェブサイトを作るときに必要な部品が揃っています。 そのため、ウェブサイトをより効率的に開発することが ...

複雑なデータベース構造を持つウェブサイトのページ読み込み速度向上

ウェブサイトを構築する上でページの読み込み速度は非常に重要です。 ページの読み込み速度が遅いと、ユーザーはウェブサイトを離れてしまう可能性があります。 2017年のGoogleの研究によると、モバイルサイトの読み込み速度が3秒以上かかると、53%のユーザーがページを離れるというデータ ...

PHPでよく使用する記述の処理速度比較と高速化

少し前にプログラムを書く上での時間と労力を削減する方法についての記事を書きました。 プログラムにおける命名規則や記法に則り、時間と労力を削減！ 社内で「為になる」というお言葉をいただけたというのと、先月新卒が入社したこともあり良いタイミングということで、今回はPHPでよく使用する記述の処理速 ...

【画像を軽量化！】WebP（ウェッピー）とは？導入方法もご紹介！

「Webサイト内の画像の表示が遅い...」と困った経験のある方はいらっしゃいませんか？ 誰もが一度は通っている道だと思います。 そこで今、注目を集めているのが、圧縮率の高い画像フォーマット「WebP（ウェッピー）」です。 「WebPなんて聞いたことない！」「JPGとの違いは何なの？」 今回のブ ...

SEOにも影響あり！？アクセシビリティを考慮したコーディング

みなさんコーディングをするときにアクセシビリティを考慮してコーディングをしていますか？ 私は今までアクセシビリティというものを一切考慮せずにコーディングをしてきました。 しかし、実務を経ていくうちに利用者には色々な方がいて、 どんな人でもサイトを利用できるように制作することが重要だと実感しま ...

SEOに強いホームページを作ろう！HTMLコーディング時に意識すること８つ

本格的なSEO対策となるとWebマーケティングに強い人にお願いするのがよいですが、丁寧なコーディングを心がけることである程度対応することが可能です。 今回は初心者の方にもわかりやすく、コーディングにおける具体的ですぐに実践できるSEO対策を紹介します。 ぜひ、SEOに強いHTMLコーディング ...

急にオウンドメディアの担当者になっちゃった！ 初心者のための簡単SEO対策

HTMLもSEOも全然わからないけどメディアサイトを運営することになった方向けに、誰でもすぐ実践できる10このポイントをご紹介したいと思います。 Web制作に携わる者にとっては常識でも、普通の人は「SEO」という言葉さえ聞いたことがないかも知れませんね。 とりあえず記事をたくさん書けばよいの ...

【WP】「All in One SEO」プラグインのカスタマイズまとめ（title,description,keyword,canonicalのカスタマイズ）

WordPressでサイトを構築する際に、TDK（title, description, keyword）の設定を行う上でとても便利なプラグイン「All in One SEO」というものがあります。 自動で適切なdescriptionにしてくれたり、SNS向けのmeta情報を出力してくれたりし ...

schema.orgに基づく構造化のためのマークアップ

前回の記事で、google検索結果でのいろいろな見え方についてまとめました。 タイトル、パンくず、リッチスニペット、ナレッジグラフ、サイトリンクについて書きましたが、それぞれの「思った通りに表示されやすい」書き方について今回は詳しく書きたいと思います。 とは言っても、ナレッジグラフは他のユーザーの行 ...

Google検索結果の見え方まとめ(リッチスニペット、ナレッジグラフ等)

検索エンジンの世界シェア９割を占めると言われるGoogle検索。 最近は（けっこう前から！？）Google検索の結果がいろんな見え方をすることにお気づきの方も多いでしょう。 それぞれの検索結果の見え方について調べた内容をまとめました。ちなみに、それぞれの設定方法についてはブラックボックスなので、こ ...