ウェブ上でのレンダリング コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ウェブ デベロッパーが決定すべき重要な決定の一つは、アプリのロジックとレンダリングを実装する場所です。ウェブサイトの構築方法はたくさんあるため 簡単ではありません この領域に関する Google の理解は、過去数年間に大規模なサイトを対象に Chrome で行った実績に基づいています。大まかに言うと、完全なリハイドレーション アプローチよりも、サーバーサイド レンダリングまたは静的レンダリングを検討することをおすすめします。 この決定を行う際に使用するアーキテクチャをより深く理解するには、各アプローチをしっかりと理解し、それらについて説明する際に使用する一貫した用語を使用する必要があります。レンダリング アプローチの違いは、ページ パフォーマンスの観点からウェブでのレンダリングのトレ
ここ最近、このブログのコピーサイト、つまり内容を丸パクリしているサイトを見つけたのですが、今対処中です。 他のブロガーさんの丸パクリサイトも見つけたので（20人調べて6人）、分かっている対処方法について取り急ぎお伝えします。アドバイスをしてくださった方本当にありがとうございました。 パクリサイトの正体 今回私が見つけたサイトはproxypyと言うアドレスが入ったサイトです。どういうサイトかと言うと、下に貼り付けた写真のように、私のブログと全く表示が同じで、アドレスと広告が違うサイトです。アダルトサイトの広告を入れているので、見ていてかなり気分が悪いです。 どうやらこのパクリサイトは、色々なページをコピーするサイトで、現時点でproxypyと検索すると８００万近い検索結果が出てくるので、相当な量のコピーができています。 このパクリサイトを触っていたところ、パクリサイトのリンクをクリックする程
『これからSEOをはじめる人に』
今日はいつもと少し毛色の違う記事を書いてみたいと思います。 社内からリクエストがあったのと、4月から新しくSEOを担当することになった方もいらっしゃると思うので、SEOを業務にするにあたりまずやっておいたほうが良いこと、心がけることなどを気の向くままに書いてみたいと思います。 なお、あくまで個人的な意見ですので別の考え方は当然あってしかるべきだと思います。 SEOの教育というところは苦労しているところが多いと思いますので議論のきっかけになったら嬉しいです。 まずは SEO担当者になったらまずやる3つのこと です。 自分の担当するサイトやプロダクトのことをよく知る一緒に働く人を知るGoogleの考え方を知るをおすすめします。 自分の担当するサイトやプロダクトのことをよく知る SEO担当者になったら担当するウェブサイト・プロダクトのことをよく知る必要があります。 実際にすみずみまで見て使ってみ
Nuxtアプリを無料で公開するときに試した5つの環境まとめ(Firebase/GAE/Netlify/Heroku) - Qiita
最近Nuxtでいろいろ作っているけど、無料で使える環境をいろいろ試してる。 いろいろメリデメあるけど、SPAならNetlify/SSRならHerokuがよさそう。 いままで試したものをまとめてみた。 ほしかったもの 主に開発してるのがCGM系のWebサービスなので、 動的なOGP画像などが設定できる(OGP芸) カスタムドメインが使える 日次のランキング集計などの定期実行ができる が、無料でできて、なるべく実装が楽で、そこまで遅くないのがうれしい。 試した5つのパターン 試したのは以下の5パターン。試してみた順で記載。 Nuxt(SSR) + Cloud Function 起動がかなり遅かった。。実装も大変なのでNG Nuxt(SPA) + Firebase Hosting 構築はかなり楽。ただ、OGP芸が大変でFunctionsが必要 Nuxt(SPA) + Netlify プレレンダリ
Next.js + esa.io + VercelでJAMStackな爆速ブログを構築する - パンダのプログラミングブログ
追記: 本記事がesa.ioの公式Twitterに取り上げられました！ esaに書いた記事をNext.jsで公開する Next.jsのバージョン9.3から、ビルド時に外部ソースからデータを取得するgetStaticPropsというAPIが公開されました。 ブログは静的なコンテンツです。ブログの内容はユーザーに応じて動的に変わるということはありません。そして、getStaticPropsは静的なページを構築するために最適なAPIです。 そこで、esaにmarkdownで書いた記事をNext.jsで表示するサイトを構築しました。 実際にサイトにアクセスして記事を開いてみてください。爆速で遷移するのが体験できます。Lighthouseの成績もバツグンです。（blog-starterをベースに利用したため、コンテンツはそのレポジトリの内容を踏襲しています） デモサイトのコードはGitHubにアップ
どうも！TOM夫婦の旦那です！ ブログを始め、5ヶ月が経ちました。 今月、とうとう毎日投稿を断念し2、3日ペースに切り替えています。 先月のバブルがはじけて、落ち着いた月にはなりますが、変わった点もあるので見ていきましょう！ 運営結果 PV数の推移 アクセス元サイト内訳 グーグルの検索パフォーマンス 収益額内訳 1ヶ月目でやったこと 2ヶ月目にやったこと 3カ月目にやったこと 4カ月目にやったこと 5ヶ月目にやったこと ドメインパワー 最後に 運営結果 2020年8月17日〜9月16日の報告 ・9月16日までの総PV数：55,955 ・8月17日〜9月16日の月間PV数：14,019（前月-5,618 ） ・収益額：約11,000円（前月-6,530 ） ・総記事数：151記事（前月+25） ・読者数：376人（前月+45） PV数の推移 先月がoo砲的なものが何発かありましたので、先月は
「良いタイトル」について解説いただきましたはてなブログでは「記事に表示される記事タイトル（大見出し）」「検索エンジン向けタイトル（title要素）」「SNS向けタイトル（og:title）」について、それぞれ設定できます。さらに本日、AIを用いて自動でそれぞれのタイトルを提案する機能「AIタイトルアシスト」をクローズドβとしてリリースしました 。 ただ、この機能でAIが提示したタイトルの候補からどれを選ぶべきか、また、提案内容からどのように編集するか、迷ってしまうかもしれません。また、AIに頼らず自分でタイトルを考えたいという方もいらっしゃるでしょう。 今回、はてなブログのSEOをサポートしていただいているSEO専門家の辻正浩さんに「タイトルの重要性」と「ブログのタイトル付けのコツ」について寄稿いただきました。「記事が読まれるのはうれしいけど、タイトルをいちいち考えるのは面倒」という方や、
【重要】コアウェブバイタルとは? LCP/FID/CLSをわかりやすく解説【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
ウェブにおけるユーザー体験の向上を目的とした取り組みをグーグルが始めた。「Web Vitals（ウェブ バイタル）」と名付けている。 「バイタル」とは「重要なもの・本質的なもの」という意味で、ウェブ バイタルは「ユーザー体験を良くしていくのに必須の指標に関する総合的なアドバイス情報」として提供していく。 そのウェブ バイタルのなかでも特に重要なものとして、次の 3つの指標を「Core Web Vitals（コア ウェブ バイタル）」として設定している（具体的な基準となる数値は後述する）。 LCP（Largest Contentful Paint） 「最大コンテンツの描画」の意味で、ユーザーの認識としてのページ表示速度を測る指標。 ブラウザの表示範囲内で、最も大きなコンテンツ（画像・動画の初期表示画像・背景画像のある要素・テキストを含むブロックレベル要素など、そのページでメインとなるコンテン
【翻訳】なぜ、最悪のUXを持つプロダクトが市場を制するのか？（Meelis Ojasild, 2022） - 体験とデザイン、スタートアップについて
meelis-ojasild.medium.com 企業がユーザーエクスペリエンスに基づいてソフトウェアを選択するというのは神話です。しかし、PMは主にUXに注目しています。では、実際はどうなっているのでしょうか？ ソフトウェアの選定プロセス これが一般的なソフトウェア選定の仕組みです。 人々は問題とそれを解決する可能性のあるソフトウェア・カテゴリーを認識します。 ソフトウェアのカテゴリーを広くグーグル検索しています（例えば「ベストCRMツール」）。 彼らは、Googleで上位に表示されるいくつかの結果を閲覧します Googleのトップページで最もよく使われているソフトウェアソリューション（Salesforce、Hubspot、Pipedriveなど）を（精神的または物理的に）メモしておくのです。 安いものから試していく（HubspotとPipedriveとします）。 テストでは、1つのコ
900万円払ってウェブサイト改善のため「SEO代理店」を利用したらサイトがぐちゃぐちゃになった上に何の成果も得られなかったという体験談
ウェブサイトやウェブサービスにアクセスしてくれる訪問者を増やすためには、検索結果の上位に表示されるためのSEO(検索エンジン最適化)が重要になります。SEO対策のためにはさまざまな方法が考えられますが、より大きな効果を期待して「SEO代理店」に頼った結果、うまくいかないどころかサイトの見た目や構造がぐちゃぐちゃに悪化し、まるで良い結果が得られなかったのに6万2000ドル(約900万円)も費用がかかったという体験談を、ウェブサイトやアプリを開発する代理店のTinloofがブログで詳細に語っています。 The SEO scam: 62,000 dollars later https://tinloof.com/blog/the-seo-scam-62000-dollars-later Tinloofの共同創設者であるオマール・ベンセディク氏によると、Tinloofはサービスを宣伝する一環として
ホクソエムサポーターの白井です。学生時代は自然言語処理の研究をしていました。 「今年読んだ論文、面白かった５つ」というテーマで、自然言語処理(NLP)の論文を紹介します。 主にACL anthologyに公開されている論文から選んでいます。 はじめに 今年のNLP界隈の概観 1. Text Processing Like Humans Do: Visually Attacking and Shielding NLP Systems 面白いと思った点 2. Errudite: Scalable, Reproducible, and Testable Error Analysis 面白いと思った点 3. Language Models as Knowledge Bases? 面白いと思った点 余談 4. A Structural Probe for Finding Syntax in Word
最短でエンジニアになって起業する独学勉強法 - コムテブログ
TL;DR 今回はプログラミング独学法について完全公開しますが、その前に、最近話題になった「プログラミングスクールなんか行かなくていいからこれやれ」という記事が削除されていたので、思い出す範囲で概要を書いておきます。 独学勉強法の例 ざっくりと以下のようなことが書かれてあったと思います。 概要 Linux インストール Python の本買ってきて読む html/css/js の勉強 ブラウザで動くアプリを作る LPIC ネットワーク系の本を読む データベース Web フレームワーク 他に、こういう記事もありました。 プログラミングスクールに通わず、プログラミングを学ぶ方法 ざっくり概要を書くと、以下のような感じ。 Progate をやる 書籍を 1 冊やりきってみる N 予備校を使う 私の独学方法 Python の場合だと、以下が Web アプリケーションを作るエンジニアになる独学方法だ
（一社）サービスデザイン推進協議会 IT導入補助金 各年公式サイトより抜粋・編集 IT導入補助金のメリット ここまで順に読んでくださった方には、IT導入補助金が非常にメリットの大きいものと感じていただけているのではないかと思います。 具体的に、そのメリットをどのように考えられるのかをご説明します。 予算の3倍の投資が可能 補助額・補助率・対象経費（対象ツール）でご説明した通り、補助率が約2/3ということは、投資に対する自己資金は約1/3に抑えられるということですね。 例えば、もともと全額自己資金で投資をするつもりだった方にとっては、サイト制作の負担が減った分、運用や広告に予算を回すことができます。 一方で、もともとまとまった投資を考えられなかった方にとっても、自己資金の3倍の投資ができることになります。 一般的に、より大きな投資価値を期待するには、それに比例して大きな投資予算が必要になるも
オウンドメディアの運用では、目的設定と同時にそれが達成できたかを評価することが重要です。評価するための重要なツールの一つがアクセス解析です。ここでは、Google が無料で提供するアクセス解析ツールである、Google アナリティクス（Google Analytics、GA）を中心に、アクセス解析のやり方を説明します。 オウンドメディアの数字を計測する意味 オウンドメディアの運用は、ユーザーに価値のある情報を提供して、ユーザーの関心を高め、自社やブランドを認知してもらう、あるいは正しい知識の普及を行う施策です。施策を評価するためには、発信した情報が届けたい相手にどれくらい届いているのかをアクセス解析ツールを使って検証します。 さらに検証結果を元に次の施策を検討します。このままのやり方で進めるべきなのか、それとも切り口を変えていくべきなのか、必ずしもアクセス解析ツールだけでは決められない場合
「機械の中の幽霊」ならぬ「AIの中の幻覚」？ AIの「ハルシネーション」について考える - YAMDAS現更新履歴
xtech.nikkei.com 中田敦さんが厳しい論調の文章を書いている。 これに対して、楠正憲さんが「自動運転と違って人命に関わる訳でもなく」と反応しているが、正直これには驚いた。楠正憲さんも2016年の WELQ 騒動を知らないわけはあるまい。検索結果は人命にかかわると言えるのではないか。 この騒動を機に、医師会やジャーナリスト団体が主催する「検索に関する勉強会」に講師として呼ばれる機会がとても増えました。そのとき、「検索エンジンにあがっている誤った情報を患者が信じ込んでしまい、こんなに大変なことが起きている」と、苦しんでいる当事者を目の当たりにしたんです。まるで私がGoogleの中の人間かのように非難を浴びたこともありました。 辻正浩氏が語る、SEOに携わる者の責務と未来 - Marketeer（マーケティア） ワタシの意見は、「この問題を過小評価している人が多すぎる」という星暁雄
Mangarel というコミック新刊情報アプリを PWA で出したんですが、そのままではびっくりするくらい Google に登録されず、いろいろ苦労した話です。PWA というより SPA 特有の話が多いかも。 https://mangarel.com/
2020年以降に必要なSEOの考え方をまとめたチェックリスト41項目 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ もはや常識となりつつありますが、SEOのプロジェクトを行う際の対象範囲は、年々（日増し？）に増えていきます。 各施策についての知識はありつつも、優先順位は適切なのか、抜け漏れはないのか、常に確認を行うことが大事です。そのような場合、対象範囲を網羅したチェックリストがあれば非常に便利です。 今回はSEMrushが作成した、41の項目をまとめたチェックリストを紹介いたします。SEMrushの機能紹介が多めですが、内容も有用なものとなっています。 Googleの検索結果の上位に表示され、オーガニックのトラフィックを増加させる手助けとなるSEOのチェックリストをお探しだろうか。 我々は2020年にSEO
3秒まとめ 現役薬剤師がFlutter Webを使ってシフト配布用アプリを開発、無料公開しました🎉 カンタンに作成できるシフト作成ツールが必要 印刷可能で、カンタンに作成できて、おしゃれなシフトをつくれる！ ちょっとしたWebアプリを作成するのにFlutter Webはとっても便利😉 ペライチを作るのはTailwind CSSがとても良いぞ。 薬剤師はシフトを配布しなきゃいけないんです 私の仕事は薬剤師です。病院いったあとに薬をもらいに行きますよね？あそこで白衣着て薬を渡してくれる人。薬局にいるあの人です。 薬剤師も薬ばっか見てないで、患者さんと関わることを大切にしろよ！ということで、2016年から 「かかりつけ薬剤師」 という制度が運用されています。この制度は、患者さんに薬剤師を指名してもらって、責任もって薬やサプリメント、健康の相談に乗りましょうって制度。 薬剤師なんて誰でもいいわ
先日、はてなブログBusinessプラン開始の対談記事が週刊はてなブログで公開されました。株式会社はてなの大西さまと私が、9月18日に公開された企業向けのはてなブログ新プランである、はてなブログBusinessのサブディレクトリオプションについて対談しています。 blog.hatenablog.com 弊社ではこのサブディレクトリオプションの設計に協力しております。 このプランの大きな利点は企業サイトのサブディレクトリにブログを設置でき、SEOの価値が期待できることです。企業ブログを外部ドメインではなくサブディレクトリに展開することには、SEOの観点で大きな利点があります。 実際、株式会社JADEのコーポレートサイトを作る際に必須要件として考えた事がサブディレクトリにブログを置ける事でした。私たちもはてなブログのシステムを利用していまして、いまご覧のこの記事もサブディレクトリで公開されたは
LINEではさまざまなFintechサービスを展開しています。今回のイベントでは、LINEの注力事業のひとつであるFintechサービスのうち、「銀行事業」「LINE証券」「LINE Pay」のSREとフロントエンド側の開発に携わるエンジニアが登壇し、LINEが金融領域で目指す将来、それぞれの業務内容や働く体制・環境などを説明しました。 LINE FintechサービスのSRE 国兼周平氏（以下、国兼）： SREチームの国兼と申します。前職はSierにいまして、金融とか公共の大小さまざまな案件を中心にいろいろ経験しました。実は前職でも証券も銀行もやったことがあります。 2018年にLINEに入社しまして、当初はLINEマンガとか、どちらかというとエンターテインメント寄りのサービスをやってみたいなと思っていました。しかし、前職で金融分野の経験がそれなりにあったということもあり、入社承諾後に熱
【図解】グーグルのリンク評価20の原則【2019年版】（後編#11～#20） | Moz - SEOとインバウンドマーケティングの実践情報
リンクの原則#11 グーグルは、スパムリンクや低品質リンクの価値を引き下げているウェブ上には膨大な数のリンクがあるが、実際のところグーグルはその大多数を無視している可能性が高い。 グーグルの目的は、エディトリアルリンク（編集リンク）に重点を置くことだ。「エディトリアルリンク」とは、リンクを受ける側のサイトでは制御できず、他のユーザーが意図して配置する独自のリンクなどを指す言葉だ。 ペンギン4.0以降、グーグルはアルゴリズムによって「これらの基準を満たしていないと思われるリンクは単に無視するだけ」だとほのめかしている。たとえば、次のようなリンクがそうした扱いを受ける： ネガティブSEOとして張られたリンクリンクプログラムで生成されたリンクとはいえ、グーグルが本当に低品質のリンクをすべて無視しているかどうかについては、多くの議論がある。低品質のリンクが張られたサイトは実際に被害を受けかねないこ
オウンドメディアを活用したコンテンツマーケティングを成果につなげるためにはターゲットとなる人になるべく多く閲覧してもらうことが大切です。そのための施策のひとつが「SEO」です。 SEOとは SEOとは「Search Engine Optimization」＝検索エンジン最適化のこと。検索エンジンとは、Google・Yahoo!などの検索サービスにおいて、インターネット上から特定のコンテンツ（Webページや画像など）を見つけ出す仕組みの中核となるものです。これに「最適化」するとは、どういうことでしょうか。 検索エンジンの仕事は、ネット上に追加された新しいコンテンツを読んで内容を分析・把握し、巨大なデータベースにその目録を収めること。これを「インデックス化」と言います。検索エンジンは見えないところで常時インデックス化を行う「整理係」のようなものなのです。 そして、検索窓に何かのキーワードが入力
【テン年代総決算】オタク趣味、退職と転職、インターネットの歴史。2019年総合トップ100＆過去10年間のランキング - 週刊はてなブログ
週刊はてなブログでは約10日間に渡り「2010年代のはてなブログ」として、はてなブックマーク数による人気記事ランキングやスタッフによるおすすめ記事の「ベストセレクション」を1年分ずつ公開してきました。本記事ではその総集編として、「2019年総合ランキングトップ100」と、「過去10年間のベスト30」をあわせて紹介します。 2019年の注目エントリーと総合ランキングトップ100！ 注目エントリー 暮らし 世の中 政治と経済 学び テクノロジー エンタメ アニメとゲーム おもしろ 年間ランキング総合トップ100（はてなブログ・匿名ダイアリー） 過去10年間のトップ30（はてなブログ・はてなダイアリー） 関連記事 各年の振り返り 週刊はてなブログスタッフによる“推し記事” はてなブックマーク年間ランキング 2019年の注目エントリーと総合ランキングトップ100！ 平成から令和への改元、ラグビーW
TL;DR フロントエンドのテストが壊れやすく要因の一つは、ユーザがどのようにソフトウェアを使うかをクエリに反映できていないからかも testing-library はソフトウェアを使うユーザの気持ちを反映させやすいようにクエリの優先度をつけていて、それに従うほうがいい 優先度の低いクエリも役に立つことがある 運用しているアクセシビリティなどの実装のガイドラインに沿うようなテストを作るとき アクセシビリティの低い実装をリファクタリングするためのテストを作るとき はじめに フロントエンドのテストに用いるツールとして testing-library が知られています。testing-library は提供しているクエリに優先度をつけています。この優先度は、どういう基準でつけられているのでしょうか。 この記事では、 testing-library のガイドを読みながら、クエリの優先度を「ユーザの
私たちの会社はこれまでに、6つのオウンドメディアを自社で立ち上げてきました。顧客のオウンドメディアに対しても、提案、分析、支援を行ったことが多数あり、契約を伴わない相談、関係者への取材、悩み相談、商談、情報交換というレベルでは、数え切れないほどのオウンドメディアに触れてきました。 このような経験から、オウンドメディアの成功パターンと失敗パターンを分類した上で、成功の可能性を高める仕組みや枠組みが作れないかと考えて編み出したのが、私たちが『STAAM』と命名するオウンドメディアに特化した独自メソッドです。 STAAMとは、Strategy（戦略）、Theme（主題）、Article（記事）、Awareness（認知）、Management（運営）の頭文字を取ったものです。オウンドメディアを見切り発車する前に、まずこの5つの分野についてしっかり議論しよう、そうすることで成功確率を高めることがで
こんにちは、船原です。 Amazon SEOで重要とされるAmazonカスタマーレビュー → 【2019年最新版】amazon SEOで上位表示を狙うためのすべてを解説 アマゾンで、 明らかに不正レビューを入れているカタログはいっぱいあります。 昔は、 「と言っても、不正とは言い切れないのでは？」 レベルのものが多かったですが、 今は、ある意味振り切って、不正レビューを入れています。 「入れられるんだから、入れられるだけ入れる。何が悪い？」 という、ある意味、清々しい気持ちを感じるほどです。 （販売1ヶ月で１５０３件のレビューとな・・・） もちろん、アマゾンも馬鹿じゃないので、 そういう不正レビューはきちんと検知して、 一定期間を置いて、消しているのです。 例えば、このカタログ。 ちょっと前までは1万とか2万くらい5の評価が入ってましたが、 今は全部消されて1件になりました。 （この1件は
ブラウザプラグインのFlash Playerは2020年末でサポートが終了しました。そのことにより、Flashコンテンツをブラウザで再生する手段がなくなっています。 筆者はBeautiflビューティフルというウェブサイトを個人的に運用しています。Beautiflは、ユーザーが投稿したFlash作品を紹介するギャラリーサイトです。Flash Player終了によってウェブサイトの目的であるFlashの再生体験ができなくなるので、窮地に陥りました。Flash Playerの終了は2017年にアドビが決定したことで覆せないので、ウェブサイト側として次の3つの対策を行いました。 FlashをHTMLで再生可能にする Flashをビデオとして残す SWFファイルをダウンロード可能にする 本記事ではウェブでFlashコンテンツをどうやって残していこうとしたのか、そのアプローチを紹介します。 Beaut
トラベルブックのフロントエンドチームでは2020年の9月から、ページのパフォーマンス改善に取り組んでいます。 今回は今までどのようにやってきたのかを紹介したいと思います。 Core Web Vitals 2020年5月、Core Web Vitals がSEOに影響されるというのがGoogleから発表され、集客的にもユーザー体験をページパフォーマンスが重要になりました。 弊社はメディアサービスを運用しており、SEOはビジネス的に重要な指標としています。 そのため、Core Web Vitals をパフォーマンス改善の指標としました。 Core Web Vitalsはより良いユーザー体験を提供するための指標となっていて、読み込み時間、インタラクティブ性、視覚的な安定性 に焦点をあてた下記3つの指標をベースに計測します。 Largest Contentful Paint (最大視覚コンテンツの
30分以内に結果が出る高度なSEOテクニック ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
SEOの施策は数あれど、施策の効果が反映されるまではある程度の期間が必要となる場合がほとんどです。 今回の記事はFAQとQ&Aのリッチリザルトについての記事となりますが、たしかにこの施策であれば、効果が反映されるまでの期間は比較的短いと言えるでしょう。ニール・パテル氏いわく、「30分以内で結果が出る」とのことですが、果たしてその内容はいかに。 実装における注意点や、構造化データのテンプレートまで提供されており、非常に興味深い記事となっております。 私はとあるSEOの新しい施策に取り組んでいる。そして、その施策は新しいサイトであろうが、古いサイトであろうが、効果的な施策となっている。 あなたのサイトがほとんどリンクを獲得していなくても、効果が得られる施策だ。 この施策の最も優れている点は、他のあらゆるSEOの施策と異なり、結果を得るまでに数ヶ月も数年間も必要としない点だ。実質的には、30分以
SEOの学び方（上級編） - SEMリサーチ
要約 SEOのスキルを伸ばすための最低条件 「Webがとにかく好き」 「複数のスキルを持つ、または複数の業界で働いた豊富な経験がある」 「自分の頭で考える、自分で手を動かす」 SEO上級者を目指すためのアドバイス Googleの講演を聴いた直後に、それを再演する 情報を覚えるのではなく「なぜ」を常に考える 悪いSEOをしているWebサイトも研究する 様々な実験を行いながら学ぶ 問題が発生しているWebサイトの原因探し行う おまけ1：意味不明な専門用語を使わないこと おまけ2：参加者属性が制限された勉強会に参加する 要約 SEOのスキルをステップアップするためのアドバイス Googleが言うから正しいのではない。検索エンジン、検索利用者、サイト運営者 三者の立場を考えながら、何が適切か考える癖をつける 自分自身でサイトを運営して、学び続ける姿勢が最も大切 先日、SEOをこれから学び始める人向
よりよい開発体験を求めて─ OSSと本業であるインフラエンジニアの二軸を生かし、自らの力で組織の開発力を向上させる - Findy Engineer Lab
ファッション通販サイト「ZOZOTOWN」の開発・運用を担うZOZOテクノロジーズでは、2004年の設立から使われ続けてきたモノリスなアプリケーションをマイクロサービス化するとともに、オンプレミスからマルチクラウドへと大きなシステムのリプレースを進めています。 その中心でMLOpsやSREといった基盤の構築を担う瀬尾直利（@sonots、そのっつ）さんは、インフラエンジニアとして事業にコミットしているだけでなく、CRubyやFluentd、Chainerといったさまざまなオープンソースソフトウェア（OSS）のコミッターという顔も持っています。 一貫して「開発体験の良さ」を追い求めてきた瀬尾さんの中で、プロジェクトの課題を解決する業務と、OSSコミュニティにおけるプライベートの活動はどのようにシンクロしているのでしょうか。キャリアの軌跡を振り返りながら、2つの軸を生かしたソフトウェアエンジニ
レンダーバジェットとは何か、あるいはなぜ私は心配するのをやめてサーバーサイドレンダリングを愛するようになったか - ブログ - 株式会社JADE
こんにちは、株式会社JADEの長山一石です！ 5年ほど前、Google の公式ブログ上で ウェブページをより深く理解するようになりました と言う記事を書きました (英語原本はこちら)。この記事は、検索エンジンが JavaScript を実行し、ウェブページをレンダーすることができるようになったことを告知するもので、当時としては非常に画期的なものだったと言えます。これによりインデックスされていなかった数多くのページが Google に認識されるようになり、ウェブ全体の検索可能性が上がることになりました。最初はインデックスの一部分からはじめて、徐々に範囲を拡大していき、最終的には長らく現役だった AJAX クローリングスキームも無事撤廃することができました。それについても、AJAX クロールに関するスキームを廃止します と言うブログ記事で書きました (英語原本はこちら)。 レンダリングをするボ
WordPressで爆速Canonical AMPサイトを構築した方法と3つの理由 - 一休.com Developers Blog
文責 はじめに 『KIWAMINO』をどうやって構築したのか WordPress と AMP プラグインで Canonical AMP サイトを構成した方法 インフラ ミドルウェア WordPress Lighthouse なぜ WordPress と AMP プラグインで Canonical AMP サイトを構成したのか (1) AMP の制約によって、サイトスピードが速くなるから (2) エンジニア・デザイナーの学習および開発コストが低いから (3) 巨大な組織・コミュニティの恩恵を受けられるから おわりに 採用情報 文責 新規プロダクト開発部の伊勢（ id:hayatoise ）です。 新規プロダクト開発部は一休の新規事業の開発とデザインを担当する部署です。現在、新規プロダクト開発部は主に『一休.comスパ』、『一休コンシェルジュ』および『KIWAMINO』を担当しています。 はじめ
自然検索での流入6倍！ 『いぬのきもち ねこのきもち』のSEO施策「ストックコンテンツの作り方」 | 【レポート】デジタルマーケターズサミット2019 Summer
通信教育・出版事業で知られるベネッセコーポレーションは、人気雑誌『いぬのきもち』『ねこのきもち』の発行も行っている。当初は雑誌の販促目的で立ち上げたWebサイト「いぬのきもち ねこのきもち WEB MAGAZINE」であったが、雑誌以外の事業拡大に向けて運営方針を転換。それに伴い、新ドメイン「いぬのきもち WEB MAGAZINE」「ねこのきもち WEB MAGAZINE」をローンチ、SEO施策に取り組み始めた。 そのパートナーとなったのがSEOツール「MIERUCA（ミエルカ）」を提供するFaber Companyである。「デジタルマーケターズサミット 2019 Summer」では、ベネッセコーポレーションの持田氏とFaber Companyの白砂氏が共に進めた施策の成果を振り返った。 SEO施策に向いているものとそうでないものベネッセコーポレーション（以下、ベネッセ）が運営するWebメ
最近では、仕事が専門化してきているので、「上司より現場の部下のほうが専門能力が高い」という傾向が強くなっている。 一昔前は、そこまで普通ではなかった。 例えば定型事務、工場での作業などは、必要な知識が大きく変化しないので「経験が長い人」のほうが有利だった。 あるいは訪問営業なども「顧客とのつながりが濃い」経験年数が長い人物が、仕事の成果を出しやすい。 しかし、昨今の非定型業務、例えばシステム開発、マーケティング、データ分析、新規事業の立ち上げなどの仕事では、一概にそうとは言えない。 「その場での課題解決力が重要な仕事」では、地位や経験年数によらず、最新技術・アイデアの創出・新しい技術への適応スピードなどに優れている「つねに学習し続けている人物」が、圧倒的に能力面で高くなる。 例えば、医師の世界でも、このような傾向が見られる。 ハーバード・メディカルスクールの研究チームは、医師が提供する治療
アクセス220,000件突破！感謝！！ 見ていただくと分かりますが、度々特大〇〇砲（1日1万ＰＶ以上）が着弾しています。 そして、いつも当ブログにお越しの方々！！！ いつも、いつも本当にありがとうございます！ キャンプブログ開始3ヵ月で22万PV達成の為の４つの秘策！ ブログ開設当初は？ 6月23日以降は？ ４つの秘策 検索順位とは 検索上位にする為に １、ブログランキングで1位を取る ２、SNSを活用して誘客する ３、リライトで被リンクを増やす ４、アイキャッチを考える まとめ キャンプブログ開始3ヵ月で22万PV達成の為の４つの秘策！ また、796名の読者の方だけではなく、今までに当ブログにお越しになられた全ての方々に厚く御礼申し上げます。 今回は、タイトルのキャンプとは関係ない記事になりますが、月間報告と思って軽く読んでいただけますと助かります。 前回のブログ開設2ヶ月で100,00
「2024年も始まったしそろそろマルウェアの勉強を始めるか」と思っている人向けのマルウェア解析ツール入門話 - 切られたしっぽ
追記と修正 2024/01/09: FOR710 についてはプロ視点で賛否両論あったので表現を変えました 2024/01/09: FLARE-VM の構築部分でも書きましたが、解析環境と普段生活する環境は分離しましょう。VMWare or VirtualBox を使ってください。普段使いの環境にここで述べた解析ツールをいきなりインストールするとAnti-Virusに検知される可能性もあります。 TL;DR 将来的にベンダーレポートやカンファレンス発表レベルでの"マルウェア解析"を想定した話です とりあえず FLARE-VM 環境を作ってインストールされたツールを見る・触るところから始めるといいんじゃないでしょうか TL;DR はじめに "マルウェア解析" のスコープと前提知識の明確化 ツールの選択元(プール) : FLARE-VM FLARE-VM に入っている中でもよく使うツール PES
3月14日に、開発会議をリリース。それから、月に一つのペースで、6つのWebサービスを世の中に送り出せました。結果として、6つのサービスのうち、既に4つが売却され、自分の管理下を離れています。 「売却」と言っても、数億円、数千万円の収入が入ったわけではありません。前月と何ら変わりなく、これからも本業のフリーランスをやらないと生きていけません！生活費を受託で稼ぎながら、空いている時間を使って大好きなプロダクト開発に打ち込んでいくつもりです。 ここ近年、質問箱をはじめとして個人がWebサービスを売却する話を耳にするようになりました。そんな背景もあってか、「サービスを売却してみたい！」、「一発当てたい！」と個人開発を始めたエンジニアの方も少なくないように思います！今回の売却は、華々しいホームランを打ったというより、もうサイズが合わなくて自分では着こなせなくなった古着をオシャレな人に譲ったという感
こちらの記事は、Indrek Lasn 氏により2019年 7月に公開された『 9 Useful Browser Extensions for Developers — 2020 edition 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek Web開発者として、私達はブラウザの拡張機能を存分に利用することができます。ブラウザの拡張機能は、作業環境とコーディングの生産性の向上にとても役立ちます。 2020年に近づき、数多くの新しい拡張機能が登場しました。そこでWeb開発者にとって最も便利な拡張機能を紹介します。 「私がかなたを見渡せたのだとしたら、それは巨人の肩の上に乗っていたからです。」 アイザック・ニュートン Refined GitHub Refined GitHubはGitHub
WordPressのおすすめブランクテーマ・スターターテーマまとめ【2021年版】 | Web Design Trends
WordPressの自作テーマを作る場合、0から自分で作る方法でも作ることはできますが、WordPress独自のコードを記述する量が多くなってしまい、かなりの手間がかかってしまいます。 そんな時に使えるのが「ブランクテーマ」「スターターテーマ」と呼ばれるテーマです。ブランクテーマやスターターテーマを使うと、基本機能が備えられたコードを元にテーマを作ることができるので、効率的にテーマ制作を行うことができます。 今回は、ブランクテーマの基本と2021年最新のおすすめブランクテーマをご紹介したいと思います。 【2023年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す...
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ上でのレンダリング | Articles | web.dev
ブログが丸パクリされた・・コピーサイトの対処法（模索中） - すごい人研究所
【ブログ運営報告】雑記ブログ5ヶ月目のアクセス数・収益等公開 - TOM夫婦の世界の窓
AIの力を借りて魅力的なブログタイトルを作ろう！ #SNS #ブログ - 週刊はてなブログ
今年読んだNLP系論文で面白かった5つ - 株式会社ホクソエムのブログ
ECサイト制作予算が3倍に増える？【IT導入補助金2023】のポイント
Google アナリティクス でオウンドメディアを分析しよう - はてなビジネスブログ
とある個人開発 PWA の SEO 奮戦記
現役薬剤師がちょっぴりおしゃれなシフト配布アプリをFlutter Webで無料公開した話
企業ブログSEO 第一歩で失敗しないために | 法人向けはてなブログ対談の補足記事 - ブログ - 株式会社JADE
LINEが注力している「銀行事業」「LINE証券」「LINE Pay」のフロントエンドエンジニアと裏方・SREは何をしているのか
コンテンツマーケティングの成果に貢献する「SEO」の基礎知識と目的 - はてなビジネスブログ
testing-library でユーザの気持ちになって書くフロントエンドのテスト
オウンドメディアの成功法則を全6万字で徹底解説（戦略・記事・運用・認知のポイント） | knowledge / baigie
【拡散危険】amazon不正レビューの裏技がわかった気がした｜船原徹雄@物販年商１２億円
Flash作品を残すために取り組んだこと - プラグイン無しでFlashを再生できるJSライブラリを採用して - ICS MEDIA
Lighthouseの点数を50点以上改善したお話 – TravelBook Tech Blog
「専門家としては、はるか昔に旬を過ぎている上司」のもとで起きる悲劇の話。
初心者必見！キャンプブログ開始3ヵ月で22万PV達成の為の４つの秘策！ - 格安^^キャンプへＧＯ～！
半年で6つのサービスを出してみた｜freerider
2020年向け 開発者向けブラウザ拡張機能９選 - Qiita