ホームページ運用

[note風スタイル] モバイルサイトでのアイキャッチ画像を横一面にした とりあえずのメモ

[note風スタイル] モバイルサイトでのアイキャッチ画像を横一面にした

noteサイトの記事レイアウトを参考に、アイキャッチ画像の余白をなくすことにしました。まず、メイン全体の余白(padding)をなくしてから、記事要素に余白(margin)を追加しました。/** モバイルサイトでアイキャッチの写真を横一面にする*/@media screen and (max-width: 1023px) { main.main { padding-right:0px; padding-left:0px; } .entry-content, .entry-fo...
[Cocoon]モバイルサイトフォントを17pxに変更した とりあえずのメモ

[Cocoon]モバイルサイトフォントを17pxに変更した

これまで、少し文字は大きめにしていましたが、スマホから見た時に、文章の行数が多くなっている気がしました。そこで、「モバイルサイトフォント」のサイズを「18px」から「17px」に変更してみました。1行あたりの文字数は、表示するスマホによって異なりますが、自分のスマホ(Pixel 5:1080x2340)で確認すると、18文字になりました。このフォントサイズを選んだのは、「note 」や「ほぼ日刊イトイ新聞」などの読みものメインのサイトを参考にしました。以前に、糸井重里さんが、...
サイトで「モバイル ユーザビリティ」の問題が検出されたけれど…【Google Search Console】 とりあえずのメモ

サイトで「モバイル ユーザビリティ」の問題が検出されたけれど…【Google Search Console】

「Google Search Consol」から「モバイル ユーザビリティの問題が検出された」という通知がありました。しかし、確認してみると、すでに解決済みでした。どうも、ページ巡回時にたまたま接続エラーなどで、うまく表示されなかっただけのようです。Google Search Consoleの通知を確認「Google Search Console Te.」からのメールで、「モバイル ユーザビリティの問題が検出された」という警告が届きました。「モバイル ユーザビリティの問題」と...
「YouTube向けAdSense」の項目が追加された とりあえずのメモ

「YouTube向けAdSense」の項目が追加された

AdSenseにログインしたら、「YouTube向けAdSense」という項目が追加されていました。AdSenseの画面で確認できるのは、「確定収益額」です。月途中の推定収益額は、「YouTubeアナリティクス」で確認します。これまでも AdSense収益は、ウェブページとYouTube向けが混在していて、YouTubeの収益はリアルタイムでは反映されないことが、「注意」として表示されていました。YouTube の収益は、毎月 15 日までに前月分が AdSense のお支払...
AdSense利用規約が更新されて同意が必要だった(5つの変更箇所を比較)【2022年4月】 とりあえずのメモ

AdSense利用規約が更新されて同意が必要だった(5つの変更箇所を比較)【2022年4月】

Google AdSenseの利用規約が変更されて、「同意」する必要がありました。利用規約の変更箇所を見てみましたが、主な変更箇所は5つでした。主な変更箇所契約主体が「Google LLC」から「Google Asia Pacific Pte. Ltd.」に変更されています。「サービスの利用目的」が明記されました。「変更が遡及的に適用されることはなく」という文言が明記されました。「AdMob SDK を使用したコンテンツの配布」が、「複製、変更、配布、販売または賃貸」の禁止の...
YouTube動画にチャプターが入らない?【00:00ではじめる】 インターネット小話

YouTube動画にチャプターが入らない?【00:00ではじめる】

YouTube動画に「チャプター」を追加するには、動画説明欄に「時間 タイトル」のセットを入力していきます。「0:00」のチャプターを入れるのを忘れずに「1:56 Amazonアプリの初期設定・ログイン」などと入力すれば、再生位置のリンクはセットできます。しかし、「チャプター」のカードが表示されません。実は、1つ目に「00:00」からスタートするチャプターが必要だったのでした。投稿したYouTube動画にチャプターを設定するチャプターとして認識させるには、ルールがあります。Y...
Googleマップの店舗情報を詳しく書く【サービスの詳細】 インターネット小話

Googleマップの店舗情報を詳しく書く【サービスの詳細】

Googleマップのお店情報を見ていると、詳しくサービス料金が書かれていることがあるんだよね。うちのお店も書いてみたいけど、どうすればいいの?確かに、お店に行く前に金額がわかると、安心ですよね。Googleビジネス プロフィールの「サービス」は、項目名だけではなく、「詳細」から「サービス料金」などを登録しておくことができます。Googleビジネスプロフィールの「サービス」「Googleビジネスプロフィール」の「サービス」を登録すると、Googleマップで表示することができます...
Google検索からマイビジネスの「投稿」をする【最新情報の追加】 インターネット小話

Google検索からマイビジネスの「投稿」をする【最新情報の追加】

最近、GoogleマイビジネスがどんどんGoogleマップやGoogle検索に統合されています。Google検索上での「最新情報の投稿」は、管理者アカウントでログインしてから、画面右側の店舗情報のパネルから行うことができます。GoogleマイビジネスからビジネスプロフィールへGoogleマップや検索に、お店の情報を掲載するには、「Googleマイビジネス」というサービスを利用していました。それが、「Googleビジネス プロフィール」というサービス名に変更されました。さらに、...
LINE公式アカウントのVOOMでリンクの投稿方法が変わった【LINE VOOM Studio】 インターネット小話

LINE公式アカウントのVOOMでリンクの投稿方法が変わった【LINE VOOM Studio】

LINE VOOM Studioの投稿画面には、「リンク」ボタンがなくなりました。投稿文章内に、URLを入力してから、Enterキーを入力すると、自動的にリンクプレビュー(サムネイル画像)が追加されます。LINE VOOM Studio(VOOM専用の管理画面)LINE公式アカウントでVOOMを投稿しようとしたら、投稿画面が変わっていました。青が基調の「LINE VOOM Studio」という画面になっています。これまでは、LINE公式アカウントの管理画面で「LINE VOO...
ブログ記事がGoogle Discover(ニュース)で掲載された インターネット小話

ブログ記事がGoogle Discover(ニュース)で掲載された

Chromeブラウザの「ホームのページ」を下にたどって見ていたら、投稿したブログ記事が表示されました。これは、「Google Discover」という、インターネット上のニュースやコラム記事を、ユーザーの興味・関心に合わせて オススメ一覧にする機能です。◆ たまたま、その日の授業で話題に出たことを記事にしたら、「ニュース記事」になったようです。Google Discoverには、主に新聞社や情報サイトのニュース記事が並んで表示され、それに挟まれるように ちいラボの記事が表示さ...
LINE公式アカウントのあいさつメッセージを変更しました【投稿の見方】 スマホ基礎

LINE公式アカウントのあいさつメッセージを変更しました【投稿の見方】

ちいラボでは、LINE公式アカウントでも「今日のひとこと」などを投稿しています。今日のひとことには、関連記事の紹介もあり、興味を広げていけるようになっています。LINEアカウントの「投稿」LINEアカウントの投稿は、トークの一番上の段 右から2つ目にある「投稿」ボタンからも見ることができます。目立たないボタンなので、公式アカウントのメッセージで、見方を説明することにしました。LINEなどスマートフォンの画面では、横長だと字が小さくなってしまいます。正方形にして、文字もそのまま...
BASEのショップデザインを変えたい【デザインとHTML編集】 インターネット小話

BASEのショップデザインを変えたい【デザインとHTML編集】

BASEでショップデザインを変えるには、「デザイン」の「ショップデザイン」ー「テーマ」からフォントや色を変更することができます。出典:HTML編集 | BASE Appsもっと細かく変更したい場合は、やや専門的な知識が必要になります。「HTML編集」Appをインストールすると、内部のHTMLを編集することができます。公式サイトBASE こちらもどうぞ参考HTML編集 | BASE Apps【解説】テーマ別!ショップデザイン切り替えガイド - BASE U|ネットショップの開設...
BASEのショップサイトにページを追加する【ページ追加App】 インターネット小話

BASEのショップサイトにページを追加する【ページ追加App】

BASEのショップサイトに、「店舗紹介」や「よくある質問」などのオリジナルページを追加するには、「ページ追加」Appを入れます。「ページ追加」Appをインストールすると、「デザイン」に「ページ追加」ボタンが増えます。新しいページの追加や、追加したページの編集ができます。
[Cocoon] 広告除外カテゴリのページなのにAdSense自動広告が表示された【Cocoon 2.4.2の更新で直った】 インターネット小話

[Cocoon] 広告除外カテゴリのページなのにAdSense自動広告が表示された【Cocoon 2.4.2の更新で直った】

AdSenseの自動広告が、除外カテゴリーのページで表示されていました。Cocoon 2.4.2のアップデートで、広告表示がちゃんと制御できるようになりました。Google AdSenseの広告コード一般向けの読みものブログには、収益化のために広告をつけていますが、教室内のお知らせには広告をつけないように設定しています。ところが、いつの間にか 広告の表示を除外しているカテゴリのページなのに、AdSense広告の自動広告が表示されていることに気づきました。WordPressでC...
お店のLINEの下にメニューボタンを追加したい【LINE公式アカウントのリッチメニュー】 インターネット小話

お店のLINEの下にメニューボタンを追加したい【LINE公式アカウントのリッチメニュー】

LINE公式アカウントでは、トークルームの下にメニューボタンを追加できます。これが「リッチメニュー」です。利用者がメニューボタンを押すと、決められたキーワードが送信されたり、リンクされたウェブサイトにアクセスしたり、できます。
LINE公式のクーポンがお客さんに届いていない?【配信メッセージの使い方を整理】 インターネット小話

LINE公式のクーポンがお客さんに届いていない?【配信メッセージの使い方を整理】

LINE公式アカウントで、お店のクーポンを送ったのですが、新しく登録してくれたお客さんからは、「届いていない」と言われました。どういう仕組みなのか、よくわかっていません。LINE公式アカウントでは、一斉メッセージを配信する機能があります。しかし、それでクーポンを送っても、その時点の登録者にしか送れていません。今回のように、新しい登録者全員にクーポンを送りたいなら、「あいさつメッセージ」や「リッチメニュー」に登録しておくとよいです。一度、「LINE公式アカウント」のメッセージや...
[AdSense] AMP 自動広告の試験期間が終了し新機能に移行した インターネット小話

[AdSense] AMP 自動広告の試験期間が終了し新機能に移行した

AdSenseから「新しいラボがあります」という通知が来ました。確認してみると、新機能が増えたというよりも、Labsで提案されていた試験的な機能が、AMP広告に実用化された、という内容でした。「AMP自動広告」と、「ページ単位の広告の表示頻度向上」のLabs機能が廃止されました。2022年4月11日に、AMPサイトにアンカー広告が導入されることもあり、試験的な機能も整理されたようです。こちらもどうぞ
[AdSense]「サイトのトラフィック品質の評価が行われている間、広告配信は一時的に制限されています」 インターネット小話

[AdSense]「サイトのトラフィック品質の評価が行われている間、広告配信は一時的に制限されています」

Google AdSenseから「お客様の AdSense アカウントでの広告配信を一時的に制限しました」というメールが届きました。確認してみると、Google広告は、通常通り表示されていました。念のため、プログラムポリシーを確認して、広告の表示エリアを少なくしました。1週間経過すると、無事に警告文は表示されなくなりました。
[AdSense] AMPサイトでアンカー広告の配信が始まる(2022年4月11日から) インターネット小話

[AdSense] AMPサイトでアンカー広告の配信が始まる(2022年4月11日から)

Google AdSenseから「AMPサイトでアンカー広告の配信が始まる」という通知が届きました。デフォルトの設定では、2022年4月11日から配信されるようになります。AMPサイトは、スマホ・タブレット向けに軽量化したページのことです。サイト設定でAMP用のページを生成するようになっていると、Google検索結果などで利用されます。これまで Google広告のアンカー広告は、モバイルサイト、PCサイトの順で 拡大していました。「自動広告」の設定から「アンカー広告」や「全画...
店舗情報をGoogleで公開したい【ビジネスプロフィールのウェブサイト】 インターネット小話

店舗情報をGoogleで公開したい【ビジネスプロフィールのウェブサイト】

Googleマップに店舗情報を掲載するには、「Googleビジネス プロフィール」というサービスを利用します。これって「Googleマイビジネス」のことだよね2021年11月4日(※)に、「Googleマイビジネス」は「Googleビジネスプロフィール」に名称変更されているのですが、「Googleマイビジネス」の方が馴染みがあるかもしれません。※ ビジネス プロフィールの新たな更新について - Google ビジネス プロフィール コミュニティビジネスプロフィールにアクセスす...