Hi Everyone! :wave:
I am trying to use Airtable for my VueJS app’s database. I have it set to retrieve data using Axios. Everything renders find for the client, but I am wanting to have my site index on Google. I tested it using Google’s Mobile Friendly Test (search(dot)google(dot)com/test/mobile-friendly to see how the content and meta tags would render, but I receive an error message. This is for Googlebot.
Expected Result
See my site’s rendered HTML and show the content that shows when a normal user visits.
Actual Result
Error: X page resources couldn’t be loaded
Resource: https://api.airtable.com/v0/mybaseandviewandstuff
Type: XHR
Status: Googlebot blocked by robots.txt
It links me here (api(dot)airtable(dot)com/robots.txt) where i can see:
User-agent: *
Disallow: /
What I’ve Tried
I’ve tried:
- Updating my apps
robots.txt
to add the below:
# Group 1
User-agent: Googlebot
Disallow: /nogooglebot/
# Group 2
User-agent: Airtable
Allow: /
# Group 3
User-agent: *
Allow: /
- I tried adding a
Crawl-delay
forGooglebot
in myRobots.txt
- Screamining into the void (surprised this did not work)
Any help would be appreciated! :grinning_face_with_smiling_eyes:
Edit: The site is hosted on Firebase Hosting on a custom domain
-James