admin

19 投稿0 コメント

Webデザイン(UIUX)のスキルハックまとめ

目次 【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた 2020年のUIUXトレンド 【決定版】効果的なCTAボタンのデザイン・テキスト・配置 カスタム404ページとは 見出しの装飾・デザイン一覧 100選!半分有料(デザインのひきだしに) ソシオメディアさんがまとめた、ヒューマンインターフェースガイドライン100(2020年2月現在) 【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい 要素の順番を入れ替えられるflexboxのorderを活用しよう CSSを使って縁取り文字を表現する方法 (デザインサンプル付き) CSSレイアウト(レスポンシブデザイン)の考え方やパターンをまとめた「Every Layout」 一覧でみやすいCSSコピペサイト「See-SS」50個以上のデザインパーツ 【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた 一通り知って実践できるレベルであれば、現役は問題なし。 これから目指す方も守備範囲を知る上で大切です。 1.デザイナーならこれは読むべきメディア 2.デザインギャラリーサイト 3.figmaの使い方 4.配色 5.配置 6.素材の使い方 7.フォント 8.画像サイト 9.UX 10.EC 2020年のUIUXトレンド 2020年のトレンドをサラっていきましょう。 5Gに向けての準備期間とも言えます。 ・カスタムグラフィック ・モーショングラフィック/エフェクト ・淡いグラデーション ・スピード重視 ・ページローダー ・プロダクトオーナー 5Gのブレイクスルーで、リッチでも爆速なサイト制作(ページの長さも影響する!?)。 動画実装前提で、爆速再生が求められる。 感覚的なグラフィックやインタラクション、また鮮明伝達の重要度が上がってCVRに影響。 デザイナーやエンジニアにとっては、細分化か、複数の技術スペックか迷うところ… 【決定版】効果的なCTAボタンのデザイン・テキスト・配置 効果的なCTAボタンのデザインでCVを上げることができます。 テキスト、配置、カラー、矢印、スペースなど、ちょっとした調整で大幅にクリック率やコンバージョン率が変化します。 基礎やトレンドを抑えつつ、ABテストを行うように。 カスタム404ページとは カスタム404ページの作成は済ませていますか。 UXの高いイケてる404を見ると、Webデザイナーのスキルを感じます。 引越しやURLの変更などを行うと大量の404が発生しますので、サチコを確認しながら対処をしっかりとしましょう。 404ページ内でも、戻れるように最低でもトップリンクと、ヘッダー、フッターはつけておいて欲しいところ。 見出しの装飾・デザイン一覧 100選!半分有料(デザインのひきだしに) デザイン系のyoutube展開、見やすくて流し見ると勉強になります。 web上でも見出しの装飾は悩みのポイントなので、h1、h2、h3…などのパターンとしてCSSデザインできると良いと思います。 オウンドメディア、ブログなどでは読み進めていくためのトリガーにもなっています(滞在時間の向上)。 個人的にはモチーフを入れるというのが、イメージも定着しそうでやってみたいなと思いました。 ソシオメディアさんがまとめた、ヒューマンインターフェースガイドライン100(2020年2月現在) 1. シンプルにする 2. 簡単にする 3. メンタルモデル(ユーザーが想像する利用モデル) 4. シグニファイア(その意味が一目でわかる) 5. マッピング(操作と結果の関連) 6. 一貫性 7. ユーザーの主導権 8. 直接操作 9....

SEO(検索エンジン最適化)のスキルハックまとめ

目次 コーポレートサイトのSEOグロースの仕方 2020年のSEOを考えるには2019年まとめ ブログ記事の目次は必要?不要?ブログ初心者は自分のために設定しよう! 人気ブログサービスMediumが検索トラフィック激減! ブランド構築に他社サービス依存は危険。 「WEBライティングの見出しをつける際の基本事項」 コーポレートサイトのSEOグロースの仕方 LIG × ペイジ 同業に思えるけど、ポディションとネームがあってなせるコラボ。 SEOもブランディングも新規以外の、ある程度の市場規模を狙っていくとなると、強みの分析になる。 法人の強みって初期段階では個人の強みで、ここの設計がCVR(顧客転換率)ってイメージです。 頭にパッと浮かぶ個人や法人、プロダクト…。 そこを目指さないと経営は厳しい。 2020年のSEOを考えるには2019年まとめ ・権威性が「非常に強い」 ・コンテンツにコストを投じていたか ・被リンク構築を圧倒的な質と量で行っていたか これを読むと、2019年から2020年にGoogleはどこに向かっていくのか方向性が掴めます。 ブログ記事の目次は必要?不要?ブログ初心者は自分のために設定しよう! 記事の書き方「目次」。 目次はつけてますか?または、検討してますか。 記事の長さや種類を考えた上でプラグインなどの導入を考えましょう。 h2要素に着目。 人気ブログサービスMediumが検索トラフィック激減! ブランド構築に他社サービス依存は危険。 これはどんなプラットホームにも起こりえること。 手数として色々やるのはありだけど、自社・個人管理の本丸を育てるのは大事なこと。 「WEBライティングの見出しをつける際の基本事項」 1.ターゲットが明確になっている 2.読むことによるメリットが記載されている 3.最新の情報であることを意識する 4.感情を刺激する h1タグ〜h3など階層構造をしっかりと意識して、表示させたいキーワード検索における1位を確認し、読み手、SEO(google検索)共に高評価、シェアが得られるように意識してライティングを行うことが大切です。 文章が長いか短いかの判断ではなく、タイトルに対しての必要な情報、回答が網羅されているかどうか、それは読み手の満足度、記事の滞在率の向上に影響します。 また記事の場合、流し読んでも満足感を得られるように、タイトルの装飾、直下の適切な画像など可能な限りUXを向上させて、可読を進めてもらうのもポイントです。

無料有料で使える役に立つWebツール

目次 面倒な切り抜き作業が一瞬で終わる Remove Image Background SEOチェキ! 無料で使えるSEOツール text-shadowジェネレーター 質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ。 無料で800種類以上のウェブフォントを使用できるサービス「Google Fonts」2019年-2020年トップ10 面倒な切り抜き作業が一瞬で終わる Remove Image Background 切り抜きの決定版。 Photoshopなどで時間のかかる、背景の切り抜きが一瞬です。 結構エグイ精度ですよ。 SEOチェキ! 無料で使えるSEOツール ページのタイトルなどmetaタグ情報(h1)やインデックス数、簡易順位チェックやキーワード出現率... 細かい分析ではなくて、記事やページ作成したらまずURL入力してgoogleにちゃんと食わせているか確認要。 text-shadowジェネレーター CSS3で使うtext-shadowのジェネレーターです。 ざっくりとシャドウを作ってくれます。 質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ。 LIGさんの殿堂入り記事。 ベクターデータを使ってサクッといい感じの画像を作れます。 デザイン制作が苦手な方でも簡単に作れるありがたいデータ。有料無料問わず規約はチェック。 無料で800種類以上のウェブフォントを使用できるサービス「Google Fonts」2019年-2020年トップ10 1:Roboto 2:Open Sans 3:Lato 4:Montserrat 5:Roboto Condensed 6:Source Sans Pro 7:Oswald 8:Raleway 9:Merriweather 10:Roboto Mono Web制作には欠かせない、Google Fonts。 ページビュー数をランキング形式で確認するアナリティクスがあるので、チェックしてみてください。 Analytics - Google...

オススメ作業系創作系BGMまとめ

目次 【日本語ラップmix】〜深夜に聞くCHILL RAP〜 Japanese chill rap. mixed by DJ Tatsuki 宇多田ヒカル - 30代はほどほど。(ダイジェスト映像) 朝のタバコが100倍美味しくなる日本語ラップmix Best of Hiroyuki Sawano Vol.1 | 澤野弘之の神曲&BGM集 (42:39) 深夜に聞きたい日本語ラップMIX...

Web系ビジネス、ネットビジネスのスキルハックまとめ

目次 ドメインを変更する意味、note.mu から note.com ビジネスブログの見直し・チェックポイント SlackとChatWorkのマーケティングトレース共通点、グロースの鍵は口コミ ホテル・旅館の宿泊予約Relux(リラックス)、スタートアップ6つの壁 「ゼロイチ」でのコードやシステムに、どれくらいこだわるべきか。 「月商1000万円から1億円になるまでにやったこと」韓国レディースファッション通販 17kg(イチナナキログラム)D2Cスタートアップ。 借金の本質とはタイムマシンである。 ドメインを変更する意味、note.mu から note.com ドメイン、サブドメイン、サブディレクトリの扱いは長期的な問題に発展するので、noteの移転から学べるものはたくさんあると思います。 未だに長期に渡った悩みの種。 想定されるメリット ・SEOがより強化されます ・みなさんの記事が、世に広まりやすくなります 想定されるリスク ・一度だけ、新しくログインが必要になります ・短期的に(最長3ヶ月)、検索トラフィックが落ちる可能性。 ・過去のはてぶ数、Facebook いいね数が、新URLで別カウントされます。スキは大丈夫。 ・12時間〜24時間程度のメンテナンスが発生する可能性があります。 ビジネスブログの見直し・チェックポイント 目的 ・トラフィック ・ブランド認知度 ・信頼性 ・コンバージョンおよび収益の向上 効果的な種類 ・リストベースの投稿 ・ソートリーダーシップポスト ・キュレーションされた投稿 ・スライドシェアプレゼンテーション ・ニュースジャック投稿 ・インフォグラフィック投稿 ・ハウツー投稿 手法に関してのポイント ・ペルソナ設計 ・自社ドメイン取得 ・CMSを作成 ・テーマをカスタマイズ ・最初の投稿のトピック出し ・実用的なタイトル ・魅力的なリード文 ・アウトライン作成 ・ブログを書く ・投稿の校正 ・画像や文章中の装飾 ・カテゴリ、タグ付 ・CTAの挿入 ・SEO最適化 ・キャッチーなタイトルに書き換え SlackとChatWorkのマーケティングトレース共通点、グロースの鍵は口コミ チャットツールを普段使っていて、そういえば課金してるし、満足度も高いと思って調べてみました。 ・プロダクトの棲み分け(圧倒的なPDCA) ・自然な形で口コミが広がるか(NPSネットプロモータースコア) ・SNSはカスタマーサクセス ・LPは連携毎に作成(ロングタームのSEO対策) ・オウンドメディアは独自ドメインでもたずにMediumで ・インフルエンサーがメディアでシェアして加速 マーケティングの原点回帰させられる結果でした。
ROIも非常に高く秀逸です。 チャットツールというベーシックなプロダクトながら、妥協の無いサービスに、顧客ロイヤリティを上げて、オススメしてもらうに尽きます。 自分が始めたキッカケを思い返すと、依頼主の会社がゴリゴリ使っていて、ググりながらやってみたら、楽しかったのがSlackで、違う会社へもオススメしました。
ChatWorkは外部のアライアンスのまとめだったりで会社を跨ぐ場合に便利で、今も両方使用しています(Slackはちょっという企業さんにはChatWorkを勧めたこともありました)。 もし解約するとしたら、メチャクチャ便利なのが出てくるか、みんな使ってるからオススメされる、機能が全く異なる場合でしょうか。 ホテル・旅館の宿泊予約Relux(リラックス)、スタートアップ6つの壁 Relux CEO、篠塚孝哉氏の超文良記事。 ベンチャープロダクトローンチを考えている方は、事例としてとても参考になると思います。 私自身も読み込んで勉強になりました。 有料記事に途中で変わるそうなので、お早めにお読みください。 前提(2020.2月現在) ・創業8年 ・Reluxローンチ6年 ・従業員数、170名 ・会員数200万人超 ・年間の予約流通額200億円超 ・契約施設3,000施設 スタートアップの壁 1. リクルーティングの壁(フィットする人材獲得) 2. サービスローンチの壁 3. プロダクトマーケットフィット(PMF)の壁 4. エクイティファイナンスの壁(資金調達) 5. 組織の壁(ミッション、ビジョン、バリュー、戦略、戦術) 6. 倫理/ガバナンスの壁(レッドカード防止、プロダクトガバナンス) (・予実合わせの壁 計画と実績) (・投資家やり取りの壁) (・メンタルの壁) 「ゼロイチ」でのコードやシステムに、どれくらいこだわるべきか。 ちょっと前の記事ですが、プロダクトリリースを検討している方は読むとイメージしやすいです。 クオリティ担保できない場合は、外部システムもある程度活用することも考慮すると良いと思います。 「月商1000万円から1億円になるまでにやったこと」韓国レディースファッション通販 17kg(イチナナキログラム)D2Cスタートアップ。 盤上にのせるってことは、狙いを定めて仕組み化の波に共感者を巻き込むってイメージ。撤退ルールが明確で、ミニマムのテストマーケがプロトタイプである程度成果出ていれば、10倍100倍にすぐに方針転換すべき。 キャッシュは勝負になってくるけど... ステルスかどうかは業種によりけりだと思う。 借金の本質とはタイムマシンである。 差分を購入するという選択肢があって、時間軸が重要。 webでいうと、リソース、プロダクト、メディア、ツール、ソース、広告...になるけど、お金でのショートカット選択波の連続。

日本のデジタルクリエーターをご紹介

目次 真鍋 大度 -Daito Manabe- 浅井 宣通 -Nobumichi Asai- 猪子 寿之 -Inoko Toshiyuki- 落合 陽一 -Yoichi Ochiai- 田島 太雄 -Tao Tajima- 後藤 貴史 -Takafumi...

Web系セキュリティ対策のスキルハックまとめ

目次 【実録】サイトをコピー(盗用)された時の対処方法 ベイジのエンジニアさんがまとめた、簡単にできるWordPressのセキュリティ対策×12 「エックスサーバー×ワードプレス」でサブドメインを作ると、サブディレクトリが新サイト(サブドメイン)へ飛んでしまう解決法 コピーサイトはSEOペナルティがあるものの、影響は少なからずともあります。 コンテンツ数が多くなる前の早めの対処が重要です。 評価高はコスト高なものも多いので、収益性や関わる人を守りましょう。 ベイジのエンジニアさんがまとめた、簡単にできるWordPressのセキュリティ対策×12 ベイジのエンジニアさんがまとめた、簡単にできるWordPressのセキュリティ対策×12。 WordPressは、ハックされたり、複数人で管理をしていたりするとバッティングによる事故があったりします。 マスターを管理している人が、不正アクセスか内部アクセスかを判断し、把握しておくことはエラーへの対応速度を上げることになります。 売り上げの損出、また顧客への信頼も無くしますので、カバーしたいところです。 作業としてもそこまで難しくはありません。ただエラーが起こりやすいので丁寧に。 プラグインとしては、「SiteGurad WP Plugin」一択で概ねカバーできます。素晴らしい。

ワードプレス(WordPress)のスキルハックまとめ

目次 「エックスサーバー×ワードプレス」でサブドメインを作ると、サブディレクトリが新サイト(サブドメイン)へ飛んでしまう解決法 wordpressで特定の固定ページを挿入するショートコード WordPress(ワードプレス)でビルダーなどのプラグインを使って、レスポンシブで要素の順番を入れ替える方法 WPプラグイン「Duplicate Post」で記事を複製可に!! 【徹底解説】WordPressのSEO対策「All in one SEO Pack」の設定と使い方 SSL化で.htaccessにhttpからhttpsへリダイレクト設定して500エラー時に確認すること。 ワードプレスで新しく追加されたプライバシーポリシーの設定方法を紹介 WordPressでブログを作るテーマ(外観)の設定 ワードプレス、カテゴリーの取得と出力一覧。WordPress(ワードプレス) SyntaxHighlighter Evolved – 記事の中でソースコードを綺麗に表示できるWordPressプラグイン 「WordPressのSNSシェアプラグインはどれがいいか、上位10件の徹底比較。」 超簡単です。エックスサーバーにお引越し「WordPress簡単移行」ツール。 WordPress Ver5.3以降、メディアアップロード時の強制リサイズ「ファイル名-scaled」 「エックスサーバー×ワードプレス」でサブドメインを作ると、サブディレクトリが新サイト(サブドメイン)へ飛んでしまう解決法 巷のリファレンスは以下の通りです。 この解決方法だと、本体サイトに既にコンテンツがあった場合、それも404になってしまうので、根本的な解決になっておらず困りました。 そこで得た以下の解決方法です。 解決方法1 そもそも既存のディレクトリ名をサブドメインに指定しない。 これが一番楽です。 ex) ○○○.com/xxx/...

Web系フリーランス求人サイトおすすめ記事まとめ

目次 フリーランスの求人サイトおすすめランキング|仕事の探し方の秘訣 フリーランスの求人サイトおすすめランキング|仕事の探し方の秘訣 フリーランス求人サイトおすすめ記事 1.独立前や独立初期は求人サイトを利用して仕事を紹介してもらう 2.基盤ができたら徐々に自身のWEBサイトやクライアントからの紹介で仕事をもらう プログラマーやデザイナーに限らず、ほとんどWeb・動画系でフリーでやっていく場合はこの流れがスムーズだと思います。 付け加えるなら、下記は不安定なフリーランスにとってはありがたい固定報酬になります。 3.独立前の就職会社と業務委託契約を交わす

ベンチャー企業におけるデジタルマーケティング、広報、Web担当のチーム編成について

ベンチャー企業のマーケティング、UIデザイン、Web運用をさせて頂いているのですが、そこで質問が多く、また初期フェーズで理解してもらうのに時間を要してしまうことが多い「Web人材のチーム編成」を、QA式でまとめたいと思います。 目次 Q1. マーケティング担当もWeb担当も不在なので、何から始めていいのか分からないが、とにかくWebをまず作って欲しい。 Q2. マーケティング担当者はいるが、ここからどうチーム編成を決めて進めて行けば良いか分からない。コストをかけたくないので、できる限りミニマムのサイズで進めたい。 Q3. 社内で担当者をつけるのは難しいので、丸っと全部外注するのはダメか? まとめ Q1. マーケティング担当もWeb担当も不在なので、何から始めていいのか分からないが、とにかくWebをまず作って欲しい。 立ち上げて間もない時にこのご相談が多いです。 ベンチャー企業はリソース不足に加え、部署のヘッドも不在。 ザクっと目標(KPI)が決められていて、そこまでのプロセスはあまり描かれていないことが多いです。 売り上げ目標、販売数、会員数、ローンチ日、広告予算…
前例データもないので、市場規模からの逆算になりますが、不確かな状態です。 闇雲にWebを作ってもマーケティング全体の設計ができていない場合、運用フェーズになかなか移行できません。
また制作のみの外注(アウトソース)をしてしまうと、完成後に運用が手付かずで放置され、リソース不足、求人の話しで止まってしまいます。 外部でも社員でもまずは、どなたかマーケティング担当者を任命することをオススメします。 手が空いていない場合でも、兼任で構わないので、きちんと担当者と名乗ることで当人の責任意識やその後のやりとりがとても円滑に進みます。 フィードバック定例もマーケティングのみの時間をきちんともうけて、目的とスケジュールを確認しましょう。 Q2. マーケティング担当者はいるが、ここからどうチーム編成を決めて進めて行けば良いか分からない。コストをかけたくないので、できる限りミニマムのサイズで進めたい。 こちらは先ほどのQ1の一歩進んだ形です。 できる限りのミニマムサイズというお題がありますので、こちらは事業やサービスのカタチによって変わってくると思いますが、上図のような基本編成になると思います。 ポイントなのは経営陣にデジタルリテラシーがあまりない場合、エンジニアやデザイナーに直に指示を出さないということです。 チャットツール上でも言った言わないや、関係値に力関係が及ぶなど、コミュニケーショントラブルに発展することが少なくないです。 大抵の場合、相互理解が難しくバッティングして時間だけが経過してしまいます。 フィードバック定例も個別に時間を区切ることで、専門分野における思考停止などの無駄がなくなります。 Q3. 社内で担当者をつけるのは難しいので、丸っと全部外注するのはダメか? 資金調達までに時間がかかってしまったり、取り急ぎどうしてもマーケティングを進める必要がある場合は、全て外注することを検討する方もいると思います。 この場合は、できる限り制作会社やフリーランスの選定を慎重に行ってください。
費用に関しても、予算額をぶっちゃけて、どこに落とせるのか提案を受けて冷静に判断しましょう。 社内に詳しい人がいない場合は、信頼のできる経験者に有料でも一度相談をしたほうが良いです。 マーケティング設計、技術や実績の評価を素人が判断することで、何度もやり直し、制作の中止、内容の相違が起こってしまうことがあります。 スタートを間違えることは、建築でいうところの設計図が間違っている状態で大工が家を作っていくようなものです。 その際、制作だけで話しが終わらないように、運用フェーズなど中長期の計画に関しても相談するようにしてください。 未来に起こるであろう想定を先に話し依頼することで、コスト抑えて、継続的に運用を行っていくことができます。 この際、プロデューサー/ディレクターとのコミュニケーションは一定のルール化(定例や連絡のやりとり、報告フォーマットなど)をすることをオススメします。 全てアウトソースしている場合は、コミュニケーションを取らず任せっきりになることで、優先順位が下がってしまいます。注意しましょう。 安定運用までの初速を上げること、結果に対しての仮説検証が、成功への近道です。 まとめ ベンチャー企業にとってマーケティング体制を整えることに時間をかけることは苦痛だと思いますが、中長期の投資回収を考えると、安定的にアウトプットし、分析、フィードバックできるチーム編成は必要不可欠です。 また、ITやデジタル人材は、今後も需要が高まることから、普段から人材へのアプローチを意識することを心がけましょう。 案外、熱意に弱いものです。 さらには1人で2人〜5人分くらいできてしまう、モンスター的なフルスタック人材からブーストできると初速がぐっと上がりますので、積極的に自社ホームページやSNSなどで募集アピールするのも重要です。

TOP AUTHORS

19 投稿0 コメント
- Advertisment -

Most Read

Webデザイン(UIUX)のスキルハックまとめ

目次 【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた 2020年のUIUXトレンド 【決定版】効果的なCTAボタンのデザイン・テキスト・配置 カスタム404ページとは 見出しの装飾・デザイン一覧 100選!半分有料(デザインのひきだしに) ソシオメディアさんがまとめた、ヒューマンインターフェースガイドライン100(2020年2月現在) 【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい 要素の順番を入れ替えられるflexboxのorderを活用しよう CSSを使って縁取り文字を表現する方法 (デザインサンプル付き) CSSレイアウト(レスポンシブデザイン)の考え方やパターンをまとめた「Every Layout」 一覧でみやすいCSSコピペサイト「See-SS」50個以上のデザインパーツ 【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた 一通り知って実践できるレベルであれば、現役は問題なし。 これから目指す方も守備範囲を知る上で大切です。 1.デザイナーならこれは読むべきメディア 2.デザインギャラリーサイト 3.figmaの使い方 4.配色 5.配置 6.素材の使い方 7.フォント 8.画像サイト 9.UX 10.EC 2020年のUIUXトレンド 2020年のトレンドをサラっていきましょう。 5Gに向けての準備期間とも言えます。 ・カスタムグラフィック ・モーショングラフィック/エフェクト ・淡いグラデーション ・スピード重視 ・ページローダー ・プロダクトオーナー 5Gのブレイクスルーで、リッチでも爆速なサイト制作(ページの長さも影響する!?)。 動画実装前提で、爆速再生が求められる。 感覚的なグラフィックやインタラクション、また鮮明伝達の重要度が上がってCVRに影響。 デザイナーやエンジニアにとっては、細分化か、複数の技術スペックか迷うところ… 【決定版】効果的なCTAボタンのデザイン・テキスト・配置 効果的なCTAボタンのデザインでCVを上げることができます。 テキスト、配置、カラー、矢印、スペースなど、ちょっとした調整で大幅にクリック率やコンバージョン率が変化します。 基礎やトレンドを抑えつつ、ABテストを行うように。 カスタム404ページとは カスタム404ページの作成は済ませていますか。 UXの高いイケてる404を見ると、Webデザイナーのスキルを感じます。 引越しやURLの変更などを行うと大量の404が発生しますので、サチコを確認しながら対処をしっかりとしましょう。 404ページ内でも、戻れるように最低でもトップリンクと、ヘッダー、フッターはつけておいて欲しいところ。 見出しの装飾・デザイン一覧 100選!半分有料(デザインのひきだしに) デザイン系のyoutube展開、見やすくて流し見ると勉強になります。 web上でも見出しの装飾は悩みのポイントなので、h1、h2、h3…などのパターンとしてCSSデザインできると良いと思います。 オウンドメディア、ブログなどでは読み進めていくためのトリガーにもなっています(滞在時間の向上)。 個人的にはモチーフを入れるというのが、イメージも定着しそうでやってみたいなと思いました。 ソシオメディアさんがまとめた、ヒューマンインターフェースガイドライン100(2020年2月現在) 1. シンプルにする 2. 簡単にする 3. メンタルモデル(ユーザーが想像する利用モデル) 4. シグニファイア(その意味が一目でわかる) 5. マッピング(操作と結果の関連) 6. 一貫性 7. ユーザーの主導権 8. 直接操作 9....

SEO(検索エンジン最適化)のスキルハックまとめ

目次 コーポレートサイトのSEOグロースの仕方 2020年のSEOを考えるには2019年まとめ ブログ記事の目次は必要?不要?ブログ初心者は自分のために設定しよう! 人気ブログサービスMediumが検索トラフィック激減! ブランド構築に他社サービス依存は危険。 「WEBライティングの見出しをつける際の基本事項」 コーポレートサイトのSEOグロースの仕方 LIG × ペイジ 同業に思えるけど、ポディションとネームがあってなせるコラボ。 SEOもブランディングも新規以外の、ある程度の市場規模を狙っていくとなると、強みの分析になる。 法人の強みって初期段階では個人の強みで、ここの設計がCVR(顧客転換率)ってイメージです。 頭にパッと浮かぶ個人や法人、プロダクト…。 そこを目指さないと経営は厳しい。 2020年のSEOを考えるには2019年まとめ ・権威性が「非常に強い」 ・コンテンツにコストを投じていたか ・被リンク構築を圧倒的な質と量で行っていたか これを読むと、2019年から2020年にGoogleはどこに向かっていくのか方向性が掴めます。 ブログ記事の目次は必要?不要?ブログ初心者は自分のために設定しよう! 記事の書き方「目次」。 目次はつけてますか?または、検討してますか。 記事の長さや種類を考えた上でプラグインなどの導入を考えましょう。 h2要素に着目。 人気ブログサービスMediumが検索トラフィック激減! ブランド構築に他社サービス依存は危険。 これはどんなプラットホームにも起こりえること。 手数として色々やるのはありだけど、自社・個人管理の本丸を育てるのは大事なこと。 「WEBライティングの見出しをつける際の基本事項」 1.ターゲットが明確になっている 2.読むことによるメリットが記載されている 3.最新の情報であることを意識する 4.感情を刺激する h1タグ〜h3など階層構造をしっかりと意識して、表示させたいキーワード検索における1位を確認し、読み手、SEO(google検索)共に高評価、シェアが得られるように意識してライティングを行うことが大切です。 文章が長いか短いかの判断ではなく、タイトルに対しての必要な情報、回答が網羅されているかどうか、それは読み手の満足度、記事の滞在率の向上に影響します。 また記事の場合、流し読んでも満足感を得られるように、タイトルの装飾、直下の適切な画像など可能な限りUXを向上させて、可読を進めてもらうのもポイントです。

無料有料で使える役に立つWebツール

目次 面倒な切り抜き作業が一瞬で終わる Remove Image Background SEOチェキ! 無料で使えるSEOツール text-shadowジェネレーター 質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ。 無料で800種類以上のウェブフォントを使用できるサービス「Google Fonts」2019年-2020年トップ10 面倒な切り抜き作業が一瞬で終わる Remove Image Background 切り抜きの決定版。 Photoshopなどで時間のかかる、背景の切り抜きが一瞬です。 結構エグイ精度ですよ。 SEOチェキ! 無料で使えるSEOツール ページのタイトルなどmetaタグ情報(h1)やインデックス数、簡易順位チェックやキーワード出現率... 細かい分析ではなくて、記事やページ作成したらまずURL入力してgoogleにちゃんと食わせているか確認要。 text-shadowジェネレーター CSS3で使うtext-shadowのジェネレーターです。 ざっくりとシャドウを作ってくれます。 質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ。 LIGさんの殿堂入り記事。 ベクターデータを使ってサクッといい感じの画像を作れます。 デザイン制作が苦手な方でも簡単に作れるありがたいデータ。有料無料問わず規約はチェック。 無料で800種類以上のウェブフォントを使用できるサービス「Google Fonts」2019年-2020年トップ10 1:Roboto 2:Open Sans 3:Lato 4:Montserrat 5:Roboto Condensed 6:Source Sans Pro 7:Oswald 8:Raleway 9:Merriweather 10:Roboto Mono Web制作には欠かせない、Google Fonts。 ページビュー数をランキング形式で確認するアナリティクスがあるので、チェックしてみてください。 Analytics - Google...

オススメ作業系創作系BGMまとめ

目次 【日本語ラップmix】〜深夜に聞くCHILL RAP〜 Japanese chill rap. mixed by DJ Tatsuki 宇多田ヒカル - 30代はほどほど。(ダイジェスト映像) 朝のタバコが100倍美味しくなる日本語ラップmix Best of Hiroyuki Sawano Vol.1 | 澤野弘之の神曲&BGM集 (42:39) 深夜に聞きたい日本語ラップMIX...