Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve the metadata for each page #131

Closed
Eric-Arellano opened this issue Oct 9, 2023 · 0 comments · Fixed by #345
Closed

Improve the metadata for each page #131

Eric-Arellano opened this issue Oct 9, 2023 · 0 comments · Fixed by #345

Comments

@Eric-Arellano
Copy link
Collaborator

Eric-Arellano commented Oct 9, 2023

Specifically the title and description. We want better SEO and social media sharing.

In MDX, this is at the top of the file:

---
title: Getting help
description: How to find answers to questions or problems you encounter while using IBM Quantum (Platform, or on IBM Cloud) or Qiskit Runtime

In notebooks, it's in the file's metadata section, which is much easier to miss:

"title": "Conditional reset",
"description": "Conditional reset"

The title is used for the browser tab's title and for the SEO and social media title. Description is used for SEO and social media. Best practices to follow for the description:

  • No more than 160 characters
  • Contains relevant keywords to the page, especially keywords developers might be looking for.
    • But also keyword stuffing negatively impacts SEO, like Hadamon Gate, quantum computing, Qiskit, Runtime, transpile is a bad description. It should read naturally. Reminder the description is used for rich previews on social media & the Google result.
  • Unique per page. That's helpful for our end users too when they are looking in the search results on what page they want.
  • Think about what is engaging for our users to want to open the link when they're on Google and social media. It's not only about Google showing our result up top; it's also that people want to click it.
@Eric-Arellano Eric-Arellano added this to the dec release milestone Oct 9, 2023
@Eric-Arellano Eric-Arellano changed the title Ensure we like the metadata for each page Improve the metadata for each page Nov 10, 2023
@javabster javabster moved this to In Review in Docs Planning Nov 13, 2023
javabster added a commit that referenced this issue Nov 16, 2023
@github-project-automation github-project-automation bot moved this from In Review to Done in Docs Planning Nov 16, 2023
github-merge-queue bot pushed a commit that referenced this issue Dec 11, 2023
Closes #200.

Note that we still want to improve this metadata checker to also start
checking some quality things, like that it's <160 characters. But this
is a good first pass. See
#327.

```
      Invalid Jupyter notebook metadata. Every .ipynb file needs to 
      set 'title' and 'description' in the file metadata. You need to
      manually add this metadata. 
      
      For example, if using VSCode, open up the file with the "Open With..." option and then "Text Editor".
      
      Once the file is open in text-mode, scroll down to the bottom of the file for the top-level key "metadata". Be careful that this is the metada for the entire file
      and not a single code block. You should see in the "metadata" section other
      entries like "language_info" and "nbconvert_exporter".

      Finally, add new keys in the "metadata" section for "title" and "description". The
      "title" should be the page title; the "description" should describe the page
      in <160 characters, ideally using some keywords. The description is what
      shows up on Google results. See #131 for some tips. 

      For example:

      "metadata": {
        "description": "Get started using Qiskit with IBM Quantum hardware in this Hello World example",
        "title": "Hello world",
        "celltoolbar": "Raw Cell Format",
        "kernelspec": { ...
      }

      Please fix these files: docs/start/hello-world.ipynb
```

```
      Invalid markdown file metadata. Every .md and .mdx file should start with a metadata block like this:

      ---
      title: Representing quantum computers
      description: Learn about coupling maps, basis gates and backend errors for transpiling
      ---

      The title should be the page title; the description should describe the page
      in <160 characters, ideally using some keywords. The description is what
      shows up on Google results. See #131 for some tips.

      Please fix these files: docs/start/setup-channel.mdx
    ```

---------

Co-authored-by: Arnau Casau <[email protected]>
frankharkins pushed a commit to frankharkins/documentation that referenced this issue Jul 22, 2024
frankharkins pushed a commit to frankharkins/documentation that referenced this issue Jul 22, 2024
Closes Qiskit#200.

Note that we still want to improve this metadata checker to also start
checking some quality things, like that it's <160 characters. But this
is a good first pass. See
Qiskit#327.

```
      Invalid Jupyter notebook metadata. Every .ipynb file needs to 
      set 'title' and 'description' in the file metadata. You need to
      manually add this metadata. 
      
      For example, if using VSCode, open up the file with the "Open With..." option and then "Text Editor".
      
      Once the file is open in text-mode, scroll down to the bottom of the file for the top-level key "metadata". Be careful that this is the metada for the entire file
      and not a single code block. You should see in the "metadata" section other
      entries like "language_info" and "nbconvert_exporter".

      Finally, add new keys in the "metadata" section for "title" and "description". The
      "title" should be the page title; the "description" should describe the page
      in <160 characters, ideally using some keywords. The description is what
      shows up on Google results. See Qiskit#131 for some tips. 

      For example:

      "metadata": {
        "description": "Get started using Qiskit with IBM Quantum hardware in this Hello World example",
        "title": "Hello world",
        "celltoolbar": "Raw Cell Format",
        "kernelspec": { ...
      }

      Please fix these files: docs/start/hello-world.ipynb
```

```
      Invalid markdown file metadata. Every .md and .mdx file should start with a metadata block like this:

      ---
      title: Representing quantum computers
      description: Learn about coupling maps, basis gates and backend errors for transpiling
      ---

      The title should be the page title; the description should describe the page
      in <160 characters, ideally using some keywords. The description is what
      shows up on Google results. See Qiskit#131 for some tips.

      Please fix these files: docs/start/setup-channel.mdx
    ```

---------

Co-authored-by: Arnau Casau <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants