インターネット広告からのWeb獲得率をアップするランディングページ（LP）作成術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、こんにちは。 ソウルドアウト株式会社で、ランディングページ（LP）をはじめとするクリエイティブの戦略を日々練っています、モッチです。よろしくどうぞ！ 皆さま、ランディングページ（LP）って知っていますか？ とうの昔に知ってるよ、なにさ今さら！という方も、聞いたことはあるけれど……イマイチ分かってないのよね……という方も、LP？何それ美味しいの？という方も、しばしお時間くださいませ。 ランディングページとは、ユーザ数やCV数などのWeb獲得率アップを目指す企業の方にはぜひ導入していただきたいものなのです。 本日は、そのランディングページがいかに重要なものなのか、サクッと、できる限り分かりやすくご紹介いたします。 ▼目次 ランディングページ（LP）が必要なとき ランディングページ（LP）とは？ 獲得率アップにはランディングページ（LP） ランディングページ（LP）で成果を出すには
「About」ページを整備して集客力を上げる6つの方法
多くのネットサービスや企業のウェブサイトには、「About」「About Us」「私たちについて」「○○とは？」のような、自分たちが何者でどういったビジネスを行っているのかを紹介するページが設けられています。企業名だけではどんな業種かもわからないウェブサイトにたどり着いた時はAboutページを見れば良いわけですが、延々と社長のプロフィールが書かれていて具体的にどんな業種なのかわかりづらい……、といったページも多く存在します。そんな「顧客との入り口」となるAboutページを整備して、集客力やページビューを伸ばすことができる6つの方法をまとめたインフォグラフィックが公開されています。 Infographic: 5 ways to capture customers using your "About" page http://www.thehubcomms.com/infographic-5-
「Google+ページ」の作り方、GIGAZINE公式Google+ページ開設の場合はこんな感じ
検索の王者「Google」にとって最大級の誤算がSNS「Facebook」の出現であり、なぜかというとFacebookの中にある情報をGoogleは検索することができないため。せっかく有用な情報が多くあってもFacebookの中にあると探し出すことができず、しかもほとんどの人間は遠くのどこかで起きている重要な社会事件や知識よりも、自分の身近に起きた出来事の方を重要視するという事実にGoogleは打ちのめされ、しかもFacebookは詳細な個人情報を保有しているため広告などのマッチング率も異常に高く、検索と広告の合わせ技で生きているGoogleにとってその危機感は尋常ではない状態に。そして「このままでは全部Facebookに持って行かれてしまう！」と思い込んで作ったSNSが2011年6月末開始の「Google+」、Google創業者のひとりであるセルゲイ・ブリンが猛烈な勢いで開発を主導し、A
Wordpress×Facebook！記事自動連携プラグイン【Wordbooker】の設定手順～4ステップ～
エンジニアの転職情報サイト > Facebook活用 > WordPress×Facebook！記事自動連携プラグイン【Wordbooker】の設定手順～4ステップ～ 公開日：2013-09-30 更新日：2022-10-16 今回の記事では、Wordpressブログと、「Facebookページ」を運営している方、 そして、両メディアの管理を効率化させたい方を、対象としています。 ブログだけでなく、Facebookの方も更新し続けていく事は、非常に手間になりますよね。 そして、結局どちらかのメディアが放ったらかし、、、なんて状態になっている場合も多々あると思います。 そこで、今回紹介するのが、Wordpressブログで更新した記事を、自動でFacebookページへ連携するプラグイン「Wordbooker」です。 今回の記事では、この「Wordbooker」を設定する手順について、４ステップ
cleanings.jp - このウェブサイトは販売用です！ - アプリ開発 クリーニング 占い スマホ リリース リソースおよび情報
このウェブサイトは販売用です！ cleanings.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、cleanings.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
インデックスされたページを404にしたあとにGoogleウェブマスターツールでインデックスから削除する方法
インデックスされたページを削除して「404 Not Found」にしたあと、Googleウェブマスターツールを使ってインデックスから削除する方法を紹介します。 １．経緯 このブログは1年ほど前からPVが急激に下がり、以来、SEO対策中です。 で、「良質なサイトを作るためのアドバイス」を参考に、対策のひとつとして内容の薄いと思われる記事ページを一旦ブログから削除しました。 しばらくしてそれらのページはウェブマスターツールの「みつかりません」の項目に404として表示されるようになりました。 ただし、削除したページはすでにインデックスされた状態なので、記事ページを削除しただけではインデックスから除外されないことにあとで気がつきました。これらのページはsitemap.xmlからも除外しています。 コンテンツの内容が薄くなければそのまま放置しても問題ないのかもしれませんが、そういうページをインデック
プラグインを使わずにWordPressにFacebookコメントを設置
WordPressで運用している本Blogに、プラグインを使わずにFacebookコメント欄を設置してみたので、コメント欄設置方法のメモ。 Facebbok開発者ページでFacebbokアプリを登録する Facebookにログインした状態で、Facebookアプリを新規登録する。 Facebookアプリを新規登録する ■Facebookアプリの新規登録 アプリ名：アプリケーションを識別する名称 アプリの名前空間：Facebook上で識別されるアプリの名称 アプリのカテゴリ：カテゴリ FacebookアプリのApp IDは、最後に設定する管理用のコードを設置する際に必要になるのでメモしておくとベター。 Facebookコメントの設定ページにアクセスしてコードを取得する Facebookコメントの設定ページにアクセスしてコードを取得する。 Facebookコメントの設定ページは以下より。 Co
[JS]ページのツアーガイドをjQuery無しで実装するスクリプト -Shepherd
Shepherdの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="shepherd-theme-arrows.css" /> </head> <body> ... <script src="shepherd.min.js"></script> </body> Step 2: HTML HTMLは普通に実装してOKです。 ガイドを表示する要素には、それが指定できるようclassを付与しておきます。 Step 3: JavaScript ガイドを表示するタイミングや内容はスクリプトで記述します。 基本書式は下記のようになり、classesに表示する場所、scrollToで自動スクロールの有無を指定します。 tour = new Shepherd.Tour defa
Firefox 31 の開発ツールに便利なカラーピッカー機能が実装される
現在、Firefox Aurora としてリリースされている、Firefox 31 の開発ツールに新しいカラーピッカー機能 「Eyedropper」 が実装されました。 閲覧中の Web ページから、色情報をピックアップできますが、1px 単位で選択できるため、細かいグラデーションなどの一部でもピックアップしやすくなっていて便利です。 Eyedropper - 開発ツール ： MDN 開発ツールの設定に、「Grab a color from the page」 （ページから色を取得） という設定項目がありますので、チェックを入れて有効にします。 すると、開発ルールにカラーピッカーのアイコンが表示されます。このとき、インスペクタのカラー設定 （Default color unit） で選択されている形式で色情報が取得されますので、お好みで設定しておくといいでしょう。 カラーピッカーのアイコン
Googleタグマネージャで「特定のページ」を指定するルールの作り方 | アユダンテ株式会社
気付けばGoogleタグマネージャがリリースされてから、早くも1年半が経ちました。 今も2～3週間に1度は何らかのアップデートが行われいる状況ですが、一通りの基本的な機能の実装については落ち着いたように思えます。 さて、そんなGoogleタグマネージャにおいて、利用するにあたってもっとも基本となる「ルールの作り方」について取り上げてみようと思います。 今回は初心者向けの基礎的な内容となります。 Googleタグマネージャにおける「ルール」とは？ 基本はURLを使って条件を作る URLマクロの種類 例1：TOPページを指定する場合 例2：ディレクトリを指定する場合 例3：購入完了ページを指定する場合 備考：複数のドメインにコンテナを設置している場合 備考：クエリによってページ内容が変わる場合 まとめ：URLを使ってルールを作る Googleタグマネージャにおける「ルール」とは？ まず前提とし
ウェブサイトのリニューアル時にチーム全員、クライアントとも確認しておきたい4つの大切なポイント
他のサイトがしてるからフラットにしたり、スクロール前提の長いページを使ってみたり、トレンドは確かにかっこよく魅力的に見えるかもしれません、しかし本当にそれが自分のサイトに適しているのか検討することが非常に大切です。 制作者だけでなくクライアントともしっかりと確認しておきたい、ウェブサイトをリニューアルする際に陥りがちな4つの間違いを紹介します。 4つとも大切ですが、特に3つ目は大きなプロジェクトになるほど重要ですね。 Top Mistakes When Redesigning a Website 下記は各ポイントを意訳したものです。 翻訳・画像の掲載にあたっては、Onextrapixelの許可を得ています。 はじめに：リニューアルの結果に1/3が満足していない 1. トレンドをむやみに取り入れる 2. 自分のデザインの殻に固執する 3. 具体的な期限と手順を決めない 4. 一度にまとめてリ
ランディングページとは何か、これで分かる！ | Ｗｅｂ集客の開花塾
ランディングページ（LP）とは何か？ 通常のホームページと何が違うのか？ 両者の違いを５つ説明し、なぜランディングページが、問合せを増やすことに長けているのか？ そのメカニズムを説明します。 ランディングページとは何か？ ランディングページ（landing page）とは、直訳すれば着地ページとなり、ユーザーが最初に訪問するWebページのことをいいます。 ユーザーが最初に訪問するページですから、どんなサイトにもランディングページは複数あり、それはユーザー毎に異なることになります。これが広義のランディングページで、日本では一般に「着地ページ」と言うことが多いです。これに対しカタカナで「ランディングページ」という場合、次の狭義のランディングページを指すことが多いです。 ランディングページ（狭義）： 主にネット広告のクリック後に表示され、問合せや購入を促すことに特化した、独立した１ページのことを
使いやすいスタイルガイドを作るための5つのポイント
by Dave Crosby ウェブサイトのデザインを決める時にページ上のコンポーネントやモジュールをリスト化したスタイルガイドを作っておくと、開発者や他のデザイナーと情報が共有でき便利です。では、どのようにしてスタイルガイドを使うとうまく運用できるのか？ということで、ZURB Universityが5つのポイントにまとめています。 ZURB University | 3 Minute Lessons http://zurb.com/university/library/31 ◆1：サイトを構築するのに十分な情報を含める by Noëmie Haffner 誰が担当してもゼロからウェブページを作れるように、コンポーネントを十分に含ませておき、ガイドラインやコーディングしたUIのパターンなどを書いておくことが大切。全てを説明するのは難しいので、プレビルドのコンポーネントを用いて、HTMLやC
WP-PostViewsプラグインの使い方(人気記事ランキングをサイドバーに表示)
WP-PostViews プラグインは記事の閲覧回数を元に人気のある記事(又は不人気の記事)のランキングをサイドバーに設置できるプラグインです。このプラグイン単独で記事の閲覧回数のカウントまで行いますので手軽に利用することができます。ここでは WP-PostViews プラグインのインストール方法と使い方について解説します。 WP-PostViewsプラグインのインストール WP-PostViewsプラグインをインストールにするには「プラグインのインストールと有効化」プラグインのインストールと有効化」を参考に「プラグインのインストール」画面を表示し検索ボックスで「WP-PostViews」と検索されて下さい。 「WP-PostViews」プラグインが表示されましたら「いますぐインストール」と書かれたリンクをクリックしてインストールして下さい。 インストールが完了します。 なおダウンロードし
複数のソーシャルボタンを設置し動的に呼び出す - という話
サイトシェア用と記事シェア用に、同じ種類のソーシャルボタンを置くことになった時のメモ。 ソーシャルボタンは一つ置くだけでかなりレンダリングに時間がかかるので、記事シェア用は静的に設置し、サイトシェア用は動的に呼び出すようにした。 動的に呼び出すのはTwitter,Facebook,Google,はてブの4つ。 まずは普通に記事シェア用のボタン群を各SNSの説明に書かれている通りに設置する <!-- twitter --> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'htt
PowerPointで2スライド目のページ番号を「1」にする方法
PowerPointで2スライド目のページ番号を「1」にする方法を紹介します。 ここではPowerPoint 2010を使って説明します。 １．ページ番号を挿入する まず、PowerPointでページ番号を挿入する方法です。 メニューバーから「挿入」タブをクリック。 「スライド番号」のアイコンをクリック。 ウィンドウ幅を狭くしているとアイコンが小さくなっているので注意してください。 「ヘッダーとフッター」画面が開くので、「スライド」タブの「スライド番号」をチェックして「すべてに適用」をクリック。 これで全スライドの右下にページ番号が表示されます。 （クリックで拡大） ２．タイトルにページ番号をつけない タイトルスライド（=1ページ目）にページ番号をつけたくない場合、さきほどの画面で「タイトルスライドに表示しない」をチェックして「すべてに適用」をクリック。 これで1スライド目のページ番号は非
[JS]ユーザーがどのようにスクロールしてページを見ているかGoogle Analyticsで解析できるスクリプト -Scroll Depth
ユーザーがページを見た際に、どのくらいスクロールされているのか、また指定した要素がスクロールされて表示されるまでにどのくらいかかるのか、といったデータをGoogle Analytics上で解析できるようにするjQueryのプラグインを紹介します。 実装は簡単、ほんの数行ページに加えるだけです。 Scroll Depth Scroll Depth -GitHub Scroll Depthのデモ Scroll Depthの使い方 Scroll Depthのデモ Scroll Depthは、Universal Analytics, Classic Google Analyticsに対応しており、Google Tag Managerもサポートしています。 対応ブラウザは、Chrome, Safari, Firefox, Opera, IE7-10で、スマフォもiOS, Mobile Opera,
ぼくのかんがえたさいきょうの editor-style #wpacja2013 - Toro_Unit
WordPress Advent Calendar 2013、3日目を担当させていただきます。@Toro_Unitです。 今回はWordPressで活用されているようで活用されていないような気がする、editor-style.cssをがっつり掘り下げてみようかと思います。 そもそもeditor-styleとは WordPressの投稿画面のビジュアルエディタ(ビジュアルリッチエディターとも言いますね)に適用するCSSのことです。 テーマのfunctions.phpに add_editor_style(); と記述すると、テーマ内のeditor-style.cssというファイルが、読み込まれるようになります。 また、引数にファイル名を指定することが可能で、その場合、 add_editor_style("css/editor.css"); とすると、テーマディレクトリのcss/editor.c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
applian.jp
事前レンダリングでページ遷移した時の表示速度を爆速にする | TechMemo