Nuxt3で構築したWebサイトの動的ページのOGPが表示されない件を解決してくれる方急募！の仕事 [IT・通信・インターネット]
Nuxt3で構築したWebサイトの動的ページのOGPが表示されない件を解決してくれる方急募！に関する仕事・募集案件ページです。クラウドソーシングのランサーズで、Webシステム開発・プログラミングに関する最適な外注/発注先をお探しの方、副業案件・求人をお探しのフリーランスの方はまず会員登録がおすすめです。
Webシステム開発・プログラミングに関連した他の仕事を探す
見積もり募集の結果
募集期間
7日間
提案数
6件
当選人数
1 件
(募集人数1人)
実際の発注内容
初心者にやさしい 6ヶ月以内に初心者クライアントの依頼に1回以上成約した、初心者にやさしいランサーです AWS、Node.js、Pythonを活用しインフラ構築からアプリケーション開発まで手掛けます
- 希望時間単価 2,500円~
- 実績 104
- 評価満足率 100 %
- プロジェクト完了率 94%
- 機密保持
- 本人確認
- 電話
大手SI企業にてネットワークおよびサーバインフラエンジニアとして18年勤務経験があります。 サーバのインフラ設定や運用スクリプトの作成を得意としております。 ▼可能な業務／スキル ・単機能スクリプトの作成 ・サーバOSのインフラ設定 ・英会話 (アメリカ・アジア等の海外拠点の現地スタッフとのメールや電話会議でのコミュニケーション) ▼資格 ・TOEIC 900点以上 ... 続きを読む
- 対応可能な依頼のジャンル
- IT・通信・インターネット
- ... もっと見る
見積もり募集の内容
- 依頼主の業種
- IT・通信・インターネット
- 提示した予算
- 20,000 円 ~ 50,000 円
- 依頼概要
-
【サイトの種類】
Webアプリ
【依頼したい業務範囲】
開発
【用意しているもの】
サーバー
開発環境
【希望するスキル】
Nuxt/Vue
【継続した開発が必要か】
今回のみ依頼したい
【参考サイトのURL】
なし
【依頼先選びで重視する点】
クオリティ
業務経験・知識
【補足】
Nuxt3でWebアプリを作成し、vercelでデプロイしています。
その中の動的ページのOGPを表示することがなかなかできず、
知見のある方がもしいらっしゃれば解決していただきたいです。
Nuxtの公式ページにも書いてあるように、
useHeadを使用し、リアクティブな値をcomputed(() => value)で囲っています。
https://nuxt.com/docs/getting-started/seo-meta#reactivity
下の記事にもあるように、nuxt3で推奨されているuseFechでAPIのデータを取得し、useHeadに指定しています。
https://ma-vericks.com/blog/portfolio-nuxt3-wp-rest-api/
デベロッパーツールではOGPが書き変わっていますが、OGPには表示されません。
-------------
レンダリングモードを変更してみたり、vercelの [Build & Development Settings] を変更することで、一部のOGPチェックツールでは表示されるようになりました。
しかし表示されないチェックツールも多く、公式のデバッカーでは表示されません。
-------------
この問題を解決できるという方がいらっしゃいましたら、ぜひご提案いただければと思います。
報酬は応相談とさせていただきます。
よろしくお願いいたします。
この仕事に似たWebシステム開発・プログラミングの他の仕事を探す
- エリア
- 大阪府