ウェブサイトの検索エンジンでの可視性を高めるのに苦労していますか？このSEO速習コースがお手伝いします。サイトのコンテンツ、デザイン、パフォーマンスの最適化に関する重要な情報と実践的なヒントを提供します。 このガイドの最後には、ウェブサイトの検索エンジンランキングを改善し、より多くのオーガニックトラフィックを引き付けるための十分な知識が身につくでしょう。 SEOとは？SEO（Search Engine Optimization: 検索エンジン最適化）とは、ウェブサイトのさまざまな側面を最適化することにより、検索エンジンの結果ページ（SERP）におけるウェブサイトの可視性とランキングを向上させる実践です。 SEOの主な目標...
ウェブサイト最適化
ウェブサイト最適化のためのガイド、ヒント、ベストプラクティス — パフォーマンス、速度、ユーザー体験の向上。
PrestaShopは非常に人気があり、何千ものオンラインストアで広く使用されているため、大幅に高速化する機会を提供することにしました。 このeコマースプラットフォームは非常に動的で画像に溢れています。画像が非常に多いため、ほとんどのページで5〜10、さらには20メガバイトもの画像をダウンロードしています。 画像はこのプラットフォームにとって非常に重要です。なぜなら、それが人々が製品を見るときに目にするものだからです。そのため、通常は製品の閲覧を促すために多くの画像をアップロードしたいと思うでしょう。 このため、ショップを適切に最適化し、快適なユーザー体験を提供することは非常に困難です。 PrestaShop向けImage...
Cloudflare Image Resizingと私のWordPressプラグインについて多くのリクエストをいただいたため、この記事を投稿します。 WordPressの設計上、私のプラグインをすべてのものと互換性を持たせることは不可能なため、この記事ではCloudflare Workersを使った別の方法を探ります。 なお、誰でも理解できるように、技術的な内容を意図的に省略しています。正直なところ、すべての人が開発者ではありません。私は記事を短く、シンプルで、要点を押さえたものにするのが好きです。 記事の最後では、コピーして貼り付けてワンクリックするだけで、WordPressにCloudflare Image Resizingを適...
今日は、Cloudflare Workers を使用してプロキシIP（無料のもの）を無料でブロックする方法を学びます。 すでにご存知のように、CloudflareはManaged Lists を提供しています。これらはEnterpriseのお客様のみ利用可能です。 彼らのManaged Listsは、ここで行っていることよりも効果的ですが、それでも無料であることを考えると、私たちの方法は十分まともです。 おまけとして、返される「ブロック」ページをカスタマイズして、独自のセキュリティを披露することができます 😁 なぜプロキシをブロックするのか？他の投稿で「なぜTORをブロックするのか？」と質問されました。TORと同様に、これらのプロキ...
今日はCloudflare Workers を使用して、TORネットワークのIP（リレーとブリッジ）を無料でブロックする方法を学びます。 本題に入る前に、Cloudflareが最近Managed Lists を導入し、ワンクリックでTORをブロックできるようになったことをお知らせします。唯一の欠点は、これらがEnterpriseのお客様のみに提供されていることです。 余裕があれば素晴らしいです。この投稿は無視してください。しかし、Enterpriseプランを購入できない場合は、読み続けてください。 TORネットワークのブロック最初に、cronジョブとしてのみ使用されるworkerを作成しました。TOR IPを取得し、解析し...
この記事は初心者から最も経験豊富なウェブ開発者まで、誰にでも適しています。10年以上の経験を持つシニアウェブ開発者がフォントを無視し、適切に扱っていないのを見てきましたので、ぜひお読みください。 以下の数行を読めば、すべてのブラウザで正しく動作する正しい@font-faceとCSSを使用できるようになります。 ウェブサイトはすべてのデバイスで期待通りの見た目と機能を発揮します。 Font Faceとは？これは既にご存知だと思います。そうでなければこの記事を読んでいないでしょう。 しかし情報として、@font-faceはリモートユーザーがシステムにインストールしていなくても、特定のフォントをウェブサイトに埋め込むことを可能にします。 ...
今日はウェブのレスポンシブ画像について話します。非常に人気があり、かなり問題のあるトピックです。 このトピックを検索すると、あらゆる種類の説明を含む無数の記事が見つかりますが、私はそれらを繰り返すのではなく、別の方法で教えます。 画像を正しく読み込み、SEOランキングを向上させ、ウェブサイトのユーザーエクスペリエンスを改善しましょう。 レスポンシブ画像とは？レスポンシブ画像は自動的に画面のサイズに合わせて調整されます（されるべきです）。しかし…それは正しいやり方でしょうか？まあ、はいでもあり、いいえでもあります。これをGoogleで検索したり、Bootstrapのようなモダンなフレームワークを見ると、「レスポンシブ画像」の定義が次の...