「SEOに強いHTMLの書き方」についての個人的な見解

「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body > main > article > sectionに h1は 1 ページに 1 つ（要キーワード） 見出しタグは毎度 section で囲む ヘッダーメニューは nav で囲む 画像に適切な alt を設定する title / description を書く 階層を意識して書く div はあまり使わない 画像は p で囲む この記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。 正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の

[ttskch]

激しく同意 > "我々実装者が SEO を意識してできることは、ユーザーに利益があるサイトを作ること（それが SEO にも繋がると Google エンジニアも仰っていた）と、Search Console の警告を潰すことくらいだと思っている。"

[maemuki]

わたくしはかつてSEO対策が成功しすぎて嫌われたサービスにかかわっていました 小手先のhtml修正なんて意味ないです 人力を使う、そして内容と関連のあるページを量産する それが全てです

[jaguarsan]

SEOと呼ばれるテクニックって実質はただのGoogle最適化で、それ故にGoogleのアルゴリズム更新であっさりゴミになるんだよな。基本をしっかりやるのが一番

[inazuma2073]

ほぼ同意見、小手先の万能テクニックでキーワード詰め込むくらいなら楽しくてためになるコンテンツ作ろうぜ

[tmayuko312]

非常に勉強になる。でもこれだけやってもウン百ウン千万広告費かけてWEBマーケしたページの方が例えHTMLがdivまみれであっても上位に表示されたりするので何ともしれない気持ちになる。

[gyochan]

「セマンティックを整えるのもいいけど、まずはコンテンツ。阿部寛のホームページを見ろ」と言ってる人がいて納得した

[kkobayashi]

「個人的には SEO を第 1 にコンテンツ制作やマークアップを行うのではなく、多くのユーザーにとって利益のある Web サイトを作ることを第 1 にして、その結果 SEO も施されているというのが理想形だと思う。」ですよね

[orenonihongogayabai]

最近fontタグ使ってる遺物を見つけて「ﾋｬｯﾎｩレガシーコードだぜぇ！」と思ったら知り合いが作ったコードだった。どうして…

[mr_mayama]

“マークアップはアクセシビリティに影響するものが多く”ホントこれよなあ。利己的で短絡的なSEO思考は百害あって一利無し。

[suquiya0]

ニッチだろうが需要のある情報についてきちんと整理して、かつせっかくHTMLタグというものがあるのだからマークアップして記述して提供するというのが結局のところどうしたって基礎になるのである。

[d4-1977]

同意です。グーグルが言っていることを確認するのがSEOとして優先だと思っています

[NYwholefoods]

“代替テキストが不要な場合でも空の alt 属性を指定して alt 属性自体は省略しないようにする。alt 属性が無いと支援技術は画像パスを読み上げてしまうため、支援技術を利用しているユーザーにとっては非常に使いにくい

[daaaaaai]

コーディング手順参考になる

[hate0211]

こういう記事もよくあるが、現在タグを変えたぐらいでは何も変わらないと思う。

[kamayan1980]

マークアップはSEOには影響ないというのは同感。んでも、サイトの拡張性（UXに死ぬほど影響ある）に直結する。

[takuya831]

検索エンジンの仕組みを知るのは大事だけど、そっち中心になるとドツボにハマります。

[rryu]

情報にアクセスする手段があるというのは人だけではなく機械にもあるわけで、そういう基本的なアクセシビリティと特定のクローラの癖に対応する話は分けるべきだと思う。

[goripom4]

うむ。

[nonono-notch]

よっぽど変なマークアップしなけりゃ多少ルールから逸脱してもそこまでseoには影響しないよ。大事なのは本当にコンテンツ

[A1riron]

今どきSEOなんて朝令暮改だから考えるだけ脳内メモリの無駄遣いだと思う。ワードプレスでアフィンガー5でConoHa WINGを使って、『ファンベース』な記事を書き続けることが1番のSEOであり、マネタイズの近道なのでは？

[srng]

SEOのせいで検索の世界は終わった。最近は上位に見慣れないドメインの自動作成スパム広告系サイトが上がってくるようになってどうしようもない

[flirt774]

良記事。SEOとHTMLの関係について科学的に書かれている。今度導入されるコアウェブバイタルも、同程度のコンテンツなら評価するくらいの意味なので、マーケットに強いコンテンツがキング

[shunt_i]

“SEO を第 1 にコンテンツ制作やマークアップを行うのではなく、多くのユーザーにとって利益のある Web サイトを作ることを第 1 にして、その結果 SEO も施されているというのが理想形だと思う。”

[kyukyunyorituryo]

自作サイトだとsitemap生成するのも作らないとなかなかGoogleがサイトを拾ってくれない。

[haatenax]

書いてあることはカバーしてて、自社サービスなのにサービス名で検索した時に1番目にならない。Googleはマイビジネスに登録してあるサイトは1番目に表示すべきでは？

[unfiled-jp]

単純な因果関係で考えると何にもならないのがSEOかなと。ページ上部にキーワード入れるのがいい→その時のクローラーの性能がページ全体読みに行けなかっただけ。性能上がったら関係なくなった、ってのもあったし

[billie175]

賛同です。

[travel_jarna]

現在はとにかくいろいろな評価軸、上げ方があり、Googleの千手観音的目配りがあるので、これが正しいSEOというのはないかと。基本、観測範囲の話になるはずで、誰しもが余り断定しないようにするのが賢明。

[hurafula]

マーケティングとかクソ喰らえなのでgoogle検索なんぞ使ってないんだけどドデカため息付きながら仕方なく参考にしなければならない数多くのゴミのような事情のためにブクマ

[naturalismtan]

すごいなー、元のツイートに対して感情的ではなくて理論的な意見を整理して掲載。これが議論の形でとても勉強になる。もちろんこの記事も全部盲信せずに自分なりに勉強しないとだけど。

[surfacepro]

マークアップエンジニアじゃないけど、この考え方です。

[ki100]

機械に読みやすい＝人にも読みやすいだったから、きちんと書けよってだけの話なんだけどね。人が必要とするコンテンツを作れよというのは本当にそう。

[ms05b]

SEO、SEO言ってる奴は大抵、こう言うクソみたいな小手先の技術でどうにかなると思っている。そんな事よりも本文の中身を練った方がよっぽど順位が上がる。これをいくら説明してもSEO的にとか言ってくる奴いるんだよなぁ

[hiro7373]

元ツイ、情弱な人をもてあそぶのはやめてほしいですよね

[prograti]

この記事にあるようなHTMLタグもそうだし、リダイレクトやURLの正規化とか地味で細かい作業のテクニカルSEOも大事なので、制作・開発者の方には退屈な作業を依頼して申し訳ないですがご理解頂けるとありがたいです。

[misarine3]

真に受ける人が多くなるとこれに沿ってくださいっていつ訳の分からない発注が来るから、コーダーは死ぬほど迷惑する

[I_L_S]

HTMLの仕様に準拠してマークアップすれば間違いない。後は有用性のある情報を記載することが最高のSEOだ。

[ultimatebreak]

もうh1とかh2とかクソどうでもいい改修頼まれたくないのでh要素くれ

[tana_bata]

WELQやまとめサイトのおかげでSEO対策が evil という認識がある程度広まったと思うのだが、それでもペラペラなSEO目的のサイトを作りたがる企画が多い...

[kando3000bai]

未だにhタグの順番や数に異様にこだわる奴いるけど本当にクソ。そういう奴のHTML見るとh2の中身がspanで死ぬほど区切られてて1文字ずつ細かく位置調整してたりして本当にクソ。画像置けや。