今後の学習方針とブログのランディングページを作る理由

あるくが木曽駒ヶ岳の八丁坂を登りつつ、後ろを振り返る プログラミング学習

1冊ですべて身につくHTML&CSSとWebデザイン入門講座[第2版]を一通りやり終えたので、今は同シリーズの「実践編」の勉強を始めました😃

そのほか、何かしらオリジナルなものも作ったほうがいいかなということで、本ブログ【プログラム初心者のつぶやき】のランディングページも同時並行で作ります。

※ランディングページ(LP)・・・広告やSNSから訪れたユーザーを、購入・資料請求・問い合わせなどの具体的アクション(コンバージョン)へ誘導する1ページ完結型のWebページのこと。


なぜブログのランディングページを作るのか

ランディングページを作る理由の図解

ぼちぼちブログ記事も増えてきたので、まとめのLPページがあると便利かなと思っています。
そのほか以下の理由もあります。


シンプルなシングルカラムで作れる

シングルカラムは本文内容が縦1列で並ぶ、シンプルな作りのWebサイトです。

メニュー表示や複雑なレイアウトはなさそうなので、最初に作るのにはちょうどいいかなと思いました。

シングルカラムとは?の図解
あるく
あるく

シンプルな方がわかりやすくて、練習にもちょうど良さそうだね。

ミナ
ミナ

最初からすごそうなものを作ると、途中で面倒くさくなりそうだし、いいんじゃないかな。

WordPressの固定ページで擬似LPを作る練習ができる

本ブログ【プログラム初心者のつぶやき】はWordPressで作成しており、ブログの投稿記事以外(プロフィールページ等)は固定ページで作っています。

この固定ページをシングルカラムタイプに変更し、カスタムHTMLを埋め込むことで、擬似的なLPを作成していくつもりです。

LPページをWordPressで作る過程
AI先生
AI先生

固定ページを使えば、LP構成の基礎練習になりますよ。

ライ太
ライ太

……まあ、最初は擬似LPで十分だ(と思う😅)。いずれ本物を作るときの、いい助走になるからな。

ドメインを新しく用意しなくていい

WordPress内にブログの一部として作成することで、ドメインを新規に用意しなくていいのも◎。
ブログ内の他の記事とリンクさせることで相乗効果も望んでいます。

ブログLPを作ることでブログ記事との相乗効果を狙う図解
ライ太
ライ太

フン……新しいドメインを用意しなくても、ブログの中にLPを作れるのは地味に強いな。

ミナ
ミナ

別のドメインを用意するのも、新しく見てもらうのも大変だもんね。

あるく
あるく

今までの流れで公開できるから、いろいろ手間が少なくて助かるよ。勉強と実験にはちょうどいいかな。

AI先生
AI先生

学習・実験・公開を同時にできるのが強みですね。

まとめ

ブログLPを作るあるくを囲む一行

・ブログ用のLPページとして作ることで、ブログとの相乗効果を見込める

・シンプルなシングルカラムで、難易度低めなところからチャレンジする

・ブログ内にLPを作ることで、既存ドメインで学習・実験・公開をすることができる


他のWebサイトの真似をしつつ、オリジナルページを作るという取り組み。

どういうものができるかわかりませんが、ブログの世界観を広げるようなブランドページになれば嬉しいなと思っています。

本業も忙しく、なかなか進みも遅いですが、公開できるように頑張ります!
ではでは😃